/* ============================================================
   6 · LIQUID GLASS — матовое стекло на тёмном, монохромная холодная гамма
   ============================================================ */
[data-variant="glass"]{
  --bg:#0a0d14;--bg-alt:transparent;--text:#f2f5fa;--muted:rgba(226,232,243,.62);--line:rgba(255,255,255,.14);
  --accent:#f2f5fa;--accent-hover:#fff;--on-accent:#0a0d14;--accent-text:#a9c4ff;
  --card:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035));--card-line:rgba(255,255,255,.18);
  --card-strong:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035));--on-strong:#fff;
  --track:rgba(255,255,255,.08);--input-bg:rgba(255,255,255,.06);--focus:rgba(169,196,255,.22);--modal-bg:rgba(26,32,46,.82);
  --shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.04),0 24px 60px rgba(0,0,0,.3);
  --font-display:Inter,system-ui,sans-serif;--font-body:Inter,system-ui,sans-serif;
  --display-weight:600;--display-tracking:-.04em;
  --radius:32px;--radius-sm:18px;--radius-btn:999px;--radius-input:16px;--radius-img:28px;
  --photo-filter:grayscale(.2) brightness(.95);
  --pl-bg:#0a0d14;--pl-text:#f2f5fa;--pl-accent:#a9c4ff;
}
[data-variant="glass"] .orbs{display:block;position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 50% -10%,#1b2840,#0a0d14 60%)}
[data-variant="glass"] .orbs i{position:absolute;border-radius:50%;filter:blur(90px);animation:orb 26s ease-in-out infinite alternate}
[data-variant="glass"] .orbs i:nth-child(1){width:48vw;height:48vw;background:#2b4a8a;top:-14vw;left:-10vw;opacity:.7}
[data-variant="glass"] .orbs i:nth-child(2){width:38vw;height:38vw;background:#4a6fb8;top:40vh;right:-12vw;opacity:.45;animation-duration:32s}
[data-variant="glass"] .orbs i:nth-child(3){width:30vw;height:30vw;background:#8aa6d8;bottom:-12vw;left:30vw;opacity:.25;animation-duration:22s}
@keyframes orb{50%{transform:translate(5vw,7vh) scale(1.1)}100%{transform:translate(-4vw,-3vh) scale(.95)}}
[data-variant="glass"] :is(.gantt,.stat,.about-text,.card,.custom,.contact,.cert,.modal,.hero-badge,.pub-feature){backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%)}
[data-variant="glass"] .nav{top:14px}
[data-variant="glass"] .nav-in{max-width:1100px;padding:0 8px 0 20px;height:60px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 30px rgba(0,0,0,.25)}
[data-variant="glass"] .logo-mark{border-radius:50%;background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
[data-variant="glass"] .btn-ghost{background:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.22);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
[data-variant="glass"] .btn-primary{box-shadow:0 10px 30px rgba(169,196,255,.25)}
[data-variant="glass"] .hero h1 em{color:var(--accent-text)}
[data-variant="glass"] .hero-media img{box-shadow:0 30px 80px rgba(0,0,0,.45)}
[data-variant="glass"] .hero-media::after{content:"";position:absolute;inset:0;border-radius:var(--radius-img);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 0 1px rgba(255,255,255,.12);pointer-events:none}
[data-variant="glass"] .hero-badge{background:rgba(10,13,20,.5)}
[data-variant="glass"] .hero-badge span{color:rgba(255,255,255,.8)}
[data-variant="glass"] .hero-badge b{color:#fff}
[data-variant="glass"] .stat b{color:#fff}
[data-variant="glass"] .about-photo{box-shadow:var(--shadow)}
[data-variant="glass"] .step::before{background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
[data-variant="glass"] .custom-bg{opacity:.12}
[data-variant="glass"] .result{border-left-color:var(--accent-text)}
[data-variant="glass"] .pub-feature{padding:20px;border-radius:var(--radius);background:var(--card);border:1px solid var(--card-line);box-shadow:var(--shadow)}
[data-variant="glass"] .contact-ava{display:block;box-shadow:0 0 0 4px rgba(255,255,255,.12)}
@media (max-width:600px){
  [data-variant="glass"] .nav{top:8px}
  [data-variant="glass"] .nav-in{margin:0 8px;width:auto}
}

/* прелоадер: стеклянная монограмма */
[data-variant="glass"] .pl-cols i{background:radial-gradient(ellipse at 50% 0%,#1b2840,#0a0d14 70%)}
[data-variant="glass"] .pl-mono{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;font-size:34px;background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 20px 60px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.12);animation:plPulse 1.8s ease-in-out infinite}
@keyframes plPulse{50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 20px 60px rgba(0,0,0,.4),0 0 0 14px rgba(169,196,255,.08)}}
[data-variant="glass"] .pl-line{border-radius:2px}
[data-variant="glass"] .pl.done .pl-cols i{transform:none;opacity:0;transition:opacity .9s;transition-delay:0s !important}