/* Стекло (glassmorphism) — общий слой поверх стилей страницы. Подключается последним
   <link> после её <style>; убрать стекло со страницы = удалить эту строку.
   Цветные пятна — фиксированный фон, карточки — полупрозрачные с размытием того, что под ними.
   Не подключать в /ort/v/ (экзамен — строгий лист) и /cert/ (проверка подлинности). */
:root{
  --gl-page:#F2F3FB;
  --gl-fill:rgba(255,255,255,.52);
  --gl-fill2:rgba(255,255,255,.4);
  --gl-edge:rgba(255,255,255,.85);
  --gl-sh:0 10px 30px -14px rgba(34,48,86,.22), inset 0 1px 0 rgba(255,255,255,.9);
  --gl-blur:blur(18px) saturate(170%);
  --gl-blobs:
    radial-gradient(circle at 10% 10%, rgba(139,92,255,.42), transparent 32%),
    radial-gradient(circle at 90% 22%, rgba(34,195,184,.34), transparent 30%),
    radial-gradient(circle at 16% 72%, rgba(245,150,10,.22), transparent 30%),
    radial-gradient(circle at 84% 86%, rgba(109,127,243,.4), transparent 34%);
}
html.dark{
  --gl-page:#100E1A;
  --gl-fill:rgba(34,31,48,.55);
  --gl-fill2:rgba(34,31,48,.42);
  --gl-edge:rgba(255,255,255,.1);
  --gl-sh:0 12px 34px -14px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.06);
  --gl-blobs:
    radial-gradient(circle at 10% 10%, rgba(124,92,255,.32), transparent 32%),
    radial-gradient(circle at 90% 22%, rgba(34,195,184,.18), transparent 30%),
    radial-gradient(circle at 16% 72%, rgba(245,150,10,.1), transparent 30%),
    radial-gradient(circle at 84% 86%, rgba(109,127,243,.26), transparent 34%);
}

/* фон: база на html, пятна — фиксированный слой под всем содержимым */
html{background:var(--gl-page)}
body{background:transparent;isolation:isolate}
body::before{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;background:var(--gl-blobs);filter:blur(60px)}
.white,footer{background:transparent}

/* шапка — стекло */
.nav{background:var(--gl-fill);backdrop-filter:var(--gl-blur);-webkit-backdrop-filter:var(--gl-blur)}

/* карточки: полупрозрачная заливка + размытие фона */
.pairph,.trybox,.advph,.fact,.plan,.subjects,.track.main,.seg,.ghost,
.card,.prof,.v,.school,.og-v,.og-plan,.og-sum{
  background:var(--gl-fill);backdrop-filter:var(--gl-blur);-webkit-backdrop-filter:var(--gl-blur)}
.pc,.adv,.track,.ai,.faq details,.cred,.role,.memo,.sell,.box,.plan.best{
  background:var(--gl-fill2);backdrop-filter:var(--gl-blur);-webkit-backdrop-filter:var(--gl-blur)}

/* светлая кромка и мягкая тень — только там, где у карточки уже есть рамка (без сдвига вёрстки) */
.pairph,.advph,.fact,.subjects,.pc,.adv,.track,.ai,.faq details,.cred,.box{border-color:var(--gl-edge);box-shadow:var(--gl-sh)}
.plan{border-color:var(--gl-edge)}

/* где размытие не поддерживается — плотнее, чтобы текст читался */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  :root{--gl-fill:rgba(255,255,255,.88);--gl-fill2:rgba(255,255,255,.8)}
  html.dark{--gl-fill:rgba(34,31,48,.92);--gl-fill2:rgba(34,31,48,.85)}
}