/* Lekcio — фірмовий стиль сайту (пастель + clay). Один файл на всі сторінки. */
@font-face{font-family:Nunito;font-style:normal;font-weight:100 900;font-display:swap;
 src:url(fonts/nunito-cyr.woff2) format('woff2');
 unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Nunito;font-style:normal;font-weight:100 900;font-display:swap;
 src:url(fonts/nunito-lat.woff2) format('woff2');
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212}

:root{
 --bg:#F4F1FB; --tx:#2B2547; --mu:#5B4E8A; --faint:#9B8FC4;
 --card:#FFFFFF; --acc:#7C5CFF; --acc2:#9B84FF; --line:#E6E0F7; --tray:#EDE8FA;
 --ok:#2FB57A; --bad:#E8536C; --gold:#F5A300;
 --lil:linear-gradient(145deg,#E4DBFF,#CBBBFF); --mint:linear-gradient(145deg,#D4F5E4,#B4EAD0);
 --peach:linear-gradient(145deg,#FFF1E3,#FFE0C7); --pink:linear-gradient(145deg,#FFDCE0,#FFC1C9);
 --sky:linear-gradient(145deg,#DCEEFF,#BFDBFF);
 --ink-lil:#3A2A80; --ink-mint:#1F5C40; --ink-peach:#6B4A2E; --ink-pink:#8A2438; --ink-sky:#1E4C7A;
 --clay:14px 18px 40px rgba(120,100,200,.18), inset -8px -8px 18px rgba(120,100,200,.1), inset 8px 8px 18px #fff;
 --clay-s:8px 10px 24px rgba(120,100,200,.16), inset -4px -4px 10px rgba(120,100,200,.1), inset 4px 4px 10px #fff;
 --clay-in:inset 8px 8px 20px rgba(120,100,200,.14), inset -6px -6px 14px #fff;
 --clay-p:14px 18px 40px rgba(124,92,255,.35), inset -8px -8px 16px rgba(80,50,200,.35), inset 8px 8px 16px rgba(255,255,255,.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--tx);font-family:Nunito,"Segoe UI",system-ui,-apple-system,sans-serif;
 font-weight:700;-webkit-font-smoothing:antialiased;line-height:1.45;min-height:100vh}
a{color:var(--acc);text-decoration:none}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button:active{transform:scale(.97)}
h1,h2,h3{margin:0;font-weight:900;letter-spacing:-.02em;line-height:1.12}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.deco{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.deco i{position:absolute;display:block;border-radius:46% 54% 52% 48%/52% 44% 56% 48%;box-shadow:var(--clay);opacity:.55}
.deco .b1{left:-160px;top:-140px;width:520px;height:520px;background:var(--lil)}
.deco .b2{right:-180px;bottom:-200px;width:560px;height:560px;border-radius:50%;background:var(--peach);opacity:.5}
.deco .b3{right:18%;top:-120px;width:240px;height:240px;border-radius:70px;background:var(--mint);opacity:.45;transform:rotate(18deg)}

/* шапка */
.top{display:flex;align-items:center;gap:16px;padding:20px 0;flex-wrap:wrap}
.logo{display:inline-flex;align-items:center;gap:12px;font-size:24px;font-weight:900;letter-spacing:-.03em;color:var(--tx)}
.logo i{width:44px;height:44px;border-radius:16px;background:linear-gradient(145deg,#9B84FF,#7C5CFF);box-shadow:var(--clay-p);
 display:inline-flex;align-items:center;justify-content:center;color:#fff;font-style:normal;font-size:24px}
.top nav{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.top nav a{height:48px;padding:0 20px;border-radius:999px;background:var(--card);box-shadow:var(--clay-s);
 display:inline-flex;align-items:center;font-size:16px;font-weight:800;color:var(--mu)}
.top nav a.on{background:linear-gradient(145deg,#9B84FF,#7C5CFF);color:#fff;box-shadow:var(--clay-p)}

/* базові компоненти */
.card{background:var(--card);border-radius:32px;box-shadow:var(--clay);padding:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:60px;padding:0 30px;
 border-radius:24px;font-size:19px;font-weight:900;background:var(--card);color:var(--mu);box-shadow:var(--clay-s)}
.btn.pri{background:linear-gradient(145deg,#9B84FF,#7C5CFF);color:#fff;box-shadow:var(--clay-p)}
.btn.sm{height:48px;padding:0 20px;font-size:16px;border-radius:18px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:var(--card);
 box-shadow:var(--clay-s);font-size:15px;font-weight:800;color:var(--mu)}
.chip.acc{background:linear-gradient(145deg,#9B84FF,#7C5CFF);color:#fff;box-shadow:var(--clay-p)}
.chip.mint{background:var(--mint);color:var(--ink-mint)}
.chip.peach{background:var(--peach);color:var(--ink-peach)}
.chip.sky{background:var(--sky);color:var(--ink-sky)}
.mu{color:var(--mu)}.faint{color:var(--faint)}
.kw{color:var(--acc)}
.foot{padding:40px 0 30px;font-size:14px;color:var(--faint);text-align:center;font-weight:700}
.foot a{color:var(--acc)}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}