/* ==========================================================================
   Eduverse · дизайн внутрішніх сторінок апексу — той самий, що в лендингу «Blocks»
   (landing-edu/_blocks/blocks.css): світло-сіре тло, жирні заголовки капсом Inter Tight,
   бірюзові кнопки-«клавіші» з товщиною, білі картки з блоковою тінню, темно-бірюзовий
   підвал. Префікс — ev-. Спільна шапка/підвал: розмітка в кожній сторінці, тексти —
   /assets/site.js (data-site-i18n). Блоки мають вміщатися в екран і за ВИСОТОЮ
   (1920×1080 з масштабом 125% = ~1536×700 CSS).
   ========================================================================== */
:root{
  --bg:#F2F5F4; --bg-2:#E8EEED; --card:#FFFFFF;
  --ink:#0D1414; --ink-2:#2D3838; --muted:#5E6B6B; --faint:#6B7777; /* ≥4.5:1 на білому — ним пишуть дрібний текст */
  --line:rgba(13,20,20,.1); --line-2:rgba(13,20,20,.17);
  --cyan:#3BE3F2; --cyan-2:#27D5E6; --cyan-d:#12A9B9; --cyan-soft:#D9F8FB;
  --teal:#032A2F; --teal-2:#06383F;
  --y:#FFC93D; --lav:#A99BFA; --lime:#A7EB5D; --org:#FF7A45; --pink:#FF6FA0;
  --ok:#16A34A; --bad:#DC2626;
  --display:'Inter Tight','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ease:cubic-bezier(.2,.7,.2,1);
  --r:20px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
/* плавна прокрутка — лише коли шрифти готові (site.js ставить ev-ready): інакше перехід за
   посиланням з якорем (/terms.html#ai) не доїжджає — шрифти перекомпоновують сторінку на ходу */
html.ev-ready{scroll-behavior:smooth}
body.ev-site{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
body.ev-site ::selection{background:var(--cyan);color:var(--ink)}
.ev-site a{color:inherit;text-decoration:none}
.ev-site img,.ev-site svg{display:block}
.ev-site button,.ev-site input,.ev-site select,.ev-site textarea{font:inherit;color:inherit}
.ev-wrap{width:100%;max-width:1200px;margin:0 auto;padding-left:32px;padding-right:32px}
.ev-wrap--narrow{max-width:900px}

/* ---------- типографіка ---------- */
.ev-kicker{display:inline-flex;align-items:center;gap:9px;font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.ev-kicker::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--ink);flex:none}
.ev-h1,.ev-h2,.ev-h3{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin:0}
.ev-h1{font-size:clamp(34px,min(5.6vw,9vh),76px);line-height:.94}
.ev-h2{font-size:clamp(26px,min(3.6vw,6.5vh),48px);line-height:.96}
.ev-h3{font-size:clamp(18px,1.6vw,22px);line-height:1.1;letter-spacing:-.015em;font-weight:850}
.ev-lead{font-size:clamp(16px,1.25vw,19px);line-height:1.6;color:var(--ink-2);max-width:720px;margin:20px 0 0;text-wrap:pretty}
.ev-muted{color:var(--muted)}

/* ---------- кнопки-«клавіші» ---------- */
.ev-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 22px;border-radius:12px;border:0;font:700 15.5px/1 var(--body);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;text-decoration:none;transition:transform .18s var(--ease),background-color .2s ease,box-shadow .18s ease,color .2s ease;-webkit-tap-highlight-color:transparent}
.ev-btn:focus-visible,.ev-site a:focus-visible,.ev-site button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.ev-btn--cyan{background:var(--cyan);color:var(--ink);box-shadow:0 4px 0 var(--cyan-d)}
.ev-btn--cyan:hover{background:var(--cyan-2);transform:translateY(-2px);box-shadow:0 6px 0 var(--cyan-d)}
.ev-btn--cyan:active{transform:translateY(3px);box-shadow:0 1px 0 var(--cyan-d)}
.ev-btn--ink{background:var(--ink);color:#fff;box-shadow:0 4px 0 #000}
.ev-btn--ink:hover{background:#1C2828;transform:translateY(-2px);box-shadow:0 6px 0 #000}
.ev-btn--ink:active{transform:translateY(3px);box-shadow:0 1px 0 #000}
.ev-btn--gray{background:#E3E9E8;color:var(--ink);box-shadow:0 4px 0 #C9D3D2}
.ev-btn--gray:hover{background:#DAE2E1;transform:translateY(-2px);box-shadow:0 6px 0 #C2CDCC}
.ev-btn--line{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-2)}
.ev-btn--line:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.ev-btn--sm{height:40px;padding:0 16px;font-size:14px;border-radius:10px}
.ev-btn--sm.ev-btn--cyan{box-shadow:0 3px 0 var(--cyan-d)}
.ev-btn[disabled],.ev-btn.is-disabled{opacity:.55;cursor:default;transform:none}
/* «.ev-site a{color:inherit}» сильніша за «.ev-btn--cyan» — без цього кнопка-посилання в темній
   картці бере білий текст батька (1.56:1 на бірюзовому) */
.ev-site a.ev-btn--cyan,.ev-site a.ev-btn--gray,.ev-site a.ev-btn--line{color:var(--ink)}
.ev-site a.ev-btn--ink{color:#fff}

/* ---------- шапка: біла смуга (як у лендингу до прокрутки) ---------- */
.ev-top{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 1px 0 rgba(13,20,20,.08);transition:box-shadow .3s ease}
.ev-top.is-scrolled{box-shadow:0 12px 30px -22px rgba(13,20,20,.35),0 1px 0 rgba(13,20,20,.06)}
.ev-top-row{display:flex;align-items:center;gap:18px;height:70px}
/* шапка ширша за текст (1200): повне меню + «Увійти» + кнопка в ru/pl/uk займають ~1204 px */
.ev-top-row.ev-wrap{max-width:1320px}
.ev-logo{display:flex;align-items:center;flex:none}
.ev-logo img{height:26px;width:auto}
.ev-nav{display:flex;align-items:center;gap:2px;margin:0 auto}
.ev-nav a{font:700 12.5px/1 var(--body);text-transform:uppercase;letter-spacing:.03em;color:var(--ink);padding:10px 11px;border-radius:9px;white-space:nowrap;transition:background-color .2s ease}
.ev-nav a:hover{background:#EEF3F2}
.ev-nav a.is-on{background:var(--ink);color:#fff}
.ev-nav .ev-nav-login{display:none}
/* кнопку «Спробувати безкоштовно» site.js копіює в меню — видно лише на телефоні, де її немає в шапці */
.ev-nav a.ev-nav-cta{display:none}
.ev-top-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}
.ev-login{font:700 14px/1 var(--body);color:var(--ink);padding:11px 12px;border-radius:10px;white-space:nowrap}
.ev-login:hover{background:#EEF3F2}
.ev-burger{display:none;width:42px;height:42px;border-radius:10px;border:1px solid var(--line-2);background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.ev-burger span{display:block;width:17px;height:1.8px;border-radius:2px;background:var(--ink);transition:transform .3s var(--ease)}
.ev-top.is-open .ev-burger span:first-child{transform:translateY(3.4px) rotate(45deg)}
.ev-top.is-open .ev-burger span:last-child{transform:translateY(-3.4px) rotate(-45deg)}
/* мовне меню — класи сторінок (.lang/.lang-cur/.lang-menu/.lang-opt) залишаються, лише новий вигляд */
.ev-site .lang{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}
.ev-site .lang-cur{font:500 12.5px/1 var(--mono);letter-spacing:.06em;color:var(--ink);height:40px;min-width:48px;padding:0 12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-2);border-radius:10px;background:#fff;transition:background-color .2s ease}
.ev-site .lang-cur:hover{background:#F2F5F4}
.ev-site .lang-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 50px -20px rgba(13,20,20,.35);padding:6px;display:none;min-width:190px;z-index:120}
.ev-site .lang-menu.show{display:block}
.ev-site .lang-opt{padding:10px 12px;font-size:14px;color:var(--ink-2);border-radius:10px;white-space:nowrap;cursor:pointer}
.ev-site .lang-opt:hover{background:#F2F5F4;color:var(--ink)}
.ev-site .lang-cur:focus-visible,.ev-site .lang-opt:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.ev-site .lang-opt[aria-current="true"]{color:var(--ink);font-weight:700}

/* ---------- заголовок сторінки ---------- */
.ev-phero{padding:clamp(40px,8vh,76px) 0 clamp(26px,4.5vh,40px)}
.ev-phero .ev-lead{margin-top:18px}
.ev-back{display:inline-flex;align-items:center;gap:8px;font:700 14px/1 var(--body);color:var(--ink-2);padding:10px 14px 10px 10px;border-radius:10px;box-shadow:inset 0 0 0 1.5px var(--line-2);background:#fff;transition:box-shadow .2s ease,color .2s ease;margin-bottom:22px}
.ev-back:hover{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink)}
.ev-back svg{width:15px;height:15px}

/* ---------- картки ---------- */
.ev-card{background:#fff;border-radius:var(--r);box-shadow:0 0 0 1px var(--line),7px 7px 0 rgba(13,20,20,.06);padding:28px;transition:transform .25s var(--ease),box-shadow .25s ease}
a.ev-card:hover,.ev-card.is-link:hover{transform:translate(-3px,-3px);box-shadow:0 0 0 1px var(--line),10px 10px 0 rgba(13,20,20,.09)}
.ev-card--dark{background:var(--teal);color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.06),7px 7px 0 rgba(3,42,47,.25)}
.ev-card--cyan{background:var(--cyan);box-shadow:0 0 0 1px rgba(13,20,20,.08),7px 7px 0 var(--cyan-d)}
.ev-ic{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;flex:none;box-shadow:2px 2px 0 rgba(0,0,0,.14),3px 3px 0 rgba(0,0,0,.08)}
.ev-ic svg{width:23px;height:23px}
.ev-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;background:#EEF3F2;color:var(--ink-2);font:700 11.5px/1.2 var(--body);letter-spacing:.02em;white-space:nowrap}
.ev-chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line-2);font:600 13.5px/1 var(--body);color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:box-shadow .2s ease,background-color .2s ease,color .2s ease}
.ev-chip:hover{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink)}
.ev-chip.is-on,.ev-chip.active{background:var(--ink);color:#fff;box-shadow:none}

/* ---------- поля форм ---------- */
.ev-input,.ev-site .ev-field input,.ev-site .ev-field select,.ev-site .ev-field textarea{width:100%;height:50px;padding:0 16px;border-radius:12px;border:1.5px solid var(--line-2);background:#fff;font-size:15.5px;color:var(--ink);outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.ev-input:focus,.ev-site .ev-field input:focus,.ev-site .ev-field select:focus,.ev-site .ev-field textarea:focus{border-color:var(--ink);box-shadow:0 0 0 4px rgba(59,227,242,.35)}

/* ---------- важливе застереження (у всіх юр-сторінках) ---------- */
.ev-notice{position:relative;background:#fff;border-radius:22px;box-shadow:0 0 0 1px var(--line);padding:28px 32px 28px 40px;overflow:hidden}
.ev-notice::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:linear-gradient(180deg,#0057B7 0 50%,#FFD700 50% 100%)}
.ev-notice h3{font:900 20px/1.1 var(--display);text-transform:uppercase;letter-spacing:-.02em;margin:0 0 14px}
.ev-notice p{font-size:14.5px;line-height:1.65;color:var(--ink-2);margin:0 0 10px}
.ev-notice p:last-child{margin-bottom:0}
/* колонки газетні: абзаци читаються згори вниз у кожній колонці, висоти вирівнюються самі */
.ev-notice-cols{column-count:2;column-gap:36px}
.ev-notice-cols p{orphans:2;widows:2}

/* ---------- юридичні документи ---------- */
.ev-doc-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start;padding:10px 0 80px}
.ev-toc{position:sticky;top:96px;background:#fff;border-radius:18px;box-shadow:0 0 0 1px var(--line);padding:20px 18px;max-height:calc(100vh - 120px);overflow:auto}
.ev-toc-title{display:block;font:500 11.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;padding:0 10px}
.ev-toc a{display:block;font-size:13.5px;line-height:1.35;color:var(--ink-2);padding:7px 10px;border-radius:9px}
.ev-toc a:hover{background:#F2F5F4;color:var(--ink)}
.ev-doc{background:#fff;border-radius:22px;box-shadow:0 0 0 1px var(--line),7px 7px 0 rgba(13,20,20,.05);padding:40px 46px;font-size:15.5px;line-height:1.72;color:var(--ink-2)}
.ev-doc h2{font:900 clamp(20px,1.8vw,26px)/1.1 var(--display);text-transform:uppercase;letter-spacing:-.02em;color:var(--ink);margin:40px 0 14px;scroll-margin-top:100px}
.ev-doc h2:first-child{margin-top:0}
.ev-doc h3{font:800 17px/1.25 var(--display);color:var(--ink);margin:26px 0 10px;letter-spacing:-.01em}
.ev-doc p{margin:0 0 14px}
.ev-doc ul,.ev-doc ol{margin:0 0 16px;padding-left:22px}
.ev-doc li{margin:6px 0}
.ev-doc a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--cyan-d);text-underline-offset:3px}
.ev-doc strong,.ev-doc b{color:var(--ink)}
.ev-doc table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14.5px}
.ev-doc th,.ev-doc td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.ev-doc th{background:#F2F5F4;font-weight:700;color:var(--ink)}

/* ---------- підвал: темно-бірюзовий, як у лендингу ---------- */
.ev-foot{background:var(--teal);color:#fff;padding-top:64px;margin-top:40px}
.ev-foot .ev-logo img{filter:brightness(0) invert(1)}
.ev-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
.ev-foot-brand p{font-size:15px;color:rgba(255,255,255,.7);line-height:1.6;max-width:320px;margin:18px 0 20px}
.ev-foot-t{font:500 11.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:18px}
.ev-foot-links{display:flex;flex-direction:column;gap:12px}
.ev-foot-links a{font-size:15px;color:rgba(255,255,255,.86);width:fit-content;transition:color .2s ease}
.ev-foot-links a:hover{color:var(--cyan)}
.ev-soc{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;color:#fff;transition:background-color .2s ease,border-color .2s ease}
.ev-soc:hover{background:#229ED9;border-color:#229ED9}
.ev-soc svg{width:18px;height:18px}
.ev-foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:56px;padding-top:24px;padding-bottom:30px;border-top:1px solid rgba(255,255,255,.1);font-size:13.5px;color:rgba(255,255,255,.6)}
.ev-foot-bottom a{color:var(--cyan);font-weight:700}

/* ---------- плашка cookie (/assets/cookie-consent.js) ----------
   Скрипт спільний (ще й для входу шкіл) і вставляє свій <style> ПІЗНІШЕ за цей файл, тому
   вибірка «body #ev-cc» — вона сильніша за його «#ev-cc» і перемагає без !important.
   Той самий блок — у _blocks/blocks.css (лендинг цей файл не вантажить). */
body #ev-cc{background:#fff;color:#0D1414;border:0;border-radius:18px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 0 0 1px rgba(13,20,20,.12),8px 8px 0 rgba(13,20,20,.08),0 30px 60px -30px rgba(13,20,20,.45);font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;padding:20px 22px}
body #ev-cc h4{font:900 16px/1.15 'Inter Tight','Inter',system-ui,sans-serif;text-transform:uppercase;letter-spacing:-.01em;color:#0D1414;margin:0 0 8px}
body #ev-cc p{color:#2D3838;font-size:13.5px}
body #ev-cc a{color:#0D1414;font-weight:600;text-decoration:underline;text-decoration-color:#12A9B9;text-underline-offset:3px}
body #ev-cc button{border:0;border-radius:12px;font:700 14px/1 'Inter',system-ui,sans-serif;padding:14px 20px}
body #ev-cc .ev-cc-ok{background:#3BE3F2;color:#0D1414;box-shadow:0 4px 0 #12A9B9}
body #ev-cc .ev-cc-ok:hover{background:#27D5E6;box-shadow:0 6px 0 #12A9B9}
body #ev-cc .ev-cc-min{background:#E3E9E8;color:#0D1414;box-shadow:0 4px 0 #C9D3D2}
body #ev-cc .ev-cc-min:hover{box-shadow:0 6px 0 #C2CDCC}
body #ev-cc button:active{transform:translateY(3px);box-shadow:none}
@media (max-width:560px){body #ev-cc{padding:16px}}
/* на компʼютері — компактна картка зліва внизу: не закриває головні кнопки сторінки */
@media (min-width:1100px){body #ev-cc{max-width:clamp(340px,calc(50vw - 420px),440px);left:16px;right:auto;margin:0}}

/* ---------- поява ---------- */
@media (prefers-reduced-motion:no-preference){
  .ev-rise{animation:evRise .7s var(--ease) both}
  @keyframes evRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
}

/* ---------- адаптивність ---------- */
/* 1280–1439: меню щільніше, щоб у ru/pl/uk шапка влазила й при масштабі Windows 150% (1280 CSS) */
@media (max-width:1439px){
  .ev-top-row{gap:12px}
  .ev-nav a{padding:10px 8px;font-size:12px}
  .ev-login{padding:11px 9px}
}
@media (max-width:1279px){
  .ev-burger{display:flex}
  /* закрите меню — visibility:hidden, щоб Tab не ходив по невидимих посиланнях (після згасання) */
  .ev-nav{position:absolute;right:16px;left:auto;top:calc(100% + 8px);width:280px;flex-direction:column;align-items:stretch;gap:2px;padding:10px;background:#fff;border-radius:16px;box-shadow:0 30px 60px -30px rgba(13,20,20,.55),0 0 0 1px var(--line);opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .25s ease,transform .3s var(--ease),visibility 0s linear .3s;margin:0}
  .ev-nav a{padding:13px 14px;font-size:13.5px}
  .ev-top.is-open .ev-nav{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}
}
@media (max-width:900px){
  .ev-doc-grid{grid-template-columns:minmax(0,1fr);gap:22px}
  .ev-toc{position:static;max-height:none}
  .ev-foot-grid{grid-template-columns:1fr 1fr}
  .ev-foot-brand{grid-column:span 2}
  .ev-notice-cols{column-count:1}
}
@media (max-width:640px){
  .ev-wrap{padding-left:18px;padding-right:18px}
  .ev-top-row{height:62px;gap:10px}
  .ev-logo img{height:23px}
  .ev-login,.ev-top-right .ev-btn{display:none}
  .ev-nav .ev-nav-login{display:block}
  .ev-nav a.ev-nav-cta{display:flex;height:48px;margin-top:6px;padding:0 16px;font:700 15px/1 var(--body);text-transform:none;letter-spacing:-.01em;border-radius:12px}
  .ev-nav a.ev-nav-cta:hover{background:var(--cyan-2)}
  .ev-h1{line-height:1}
  .ev-nav{right:10px;width:calc(100vw - 20px);max-width:320px}
  .ev-doc{padding:26px 20px;font-size:15px}
  .ev-card{padding:22px}
  .ev-notice{padding:22px 20px 22px 28px}
  .ev-foot-grid{grid-template-columns:minmax(0,1fr)}
  .ev-foot-brand{grid-column:auto}
}