/* ГерсаМейл — оформление «Нео»: стекло, неон, живые иконки. Всё под body.neo */
body.neo{
  --glass:rgba(16,26,48,.52);
  --glass-strong:rgba(14,22,42,.74);
  --glass-line:rgba(148,197,255,.16);
  --glass-line2:rgba(148,197,255,.28);
  --glow:0 0 0 1px rgba(125,211,252,.08),0 18px 50px rgba(2,6,23,.55);
  --neon:#38bdf8;
  --neon2:#818cf8;
  --acc:#38bdf8;
  --txt:#eaf2ff;--mut:#9fb3d9;--mut2:#7189b8;
  --line:rgba(148,197,255,.12);--line2:rgba(148,197,255,.24);
  --panel:rgba(18,28,52,.6);--panel2:rgba(12,20,40,.6);
  --grad:linear-gradient(120deg,#22d3ee 0%,#3b82f6 55%,#818cf8 100%);
  background:#050913 url(/assets/neo-bg.jpg) center/cover fixed no-repeat;
}
body.neo::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(900px 640px at 55% 40%,rgba(5,9,19,.58),rgba(5,9,19,.22) 78%),
    linear-gradient(180deg,rgba(5,9,19,.18),rgba(5,9,19,.5));
}
body.neo .app,body.neo .modal-backdrop{position:relative;z-index:2}
body.neo .modal-backdrop{position:fixed}
body:not(.neo) #neo-backdrop,body:not(.neo) #neo-scene,body:not(.neo) .neo-kpi-art,body:not(.neo) .neo-login-art{display:none}
body:not(.neo) .neo-ic svg{display:none}
body:not(.neo) .neo-ic::after{content:attr(data-neo-emoji)}

/* фон: дорожки платы с бегущими импульсами и пылинки */
#neo-backdrop{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.9}
#neo-backdrop svg{width:100%;height:100%}
#neo-backdrop .trace{stroke:rgba(56,189,248,.13);stroke-width:2;fill:none}
#neo-backdrop .pulse-line{stroke:url(#neo-pulse);stroke-width:3;fill:none;stroke-dasharray:90 1400;stroke-dashoffset:1490;
  filter:drop-shadow(0 0 6px #38bdf8);animation:neo-trace 7s linear infinite}
#neo-backdrop .mote{fill:#7dd3fc;opacity:0;animation:neo-mote 11s ease-in-out infinite}
@keyframes neo-trace{to{stroke-dashoffset:0}}
@keyframes neo-mote{0%{opacity:0;transform:translateY(0)}30%{opacity:.55}100%{opacity:0;transform:translateY(-120px)}}

/* каркас */
body.neo .sidebar{
  background:linear-gradient(180deg,rgba(10,17,34,.78),rgba(7,12,26,.82));
  backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);
  border-right:1px solid var(--glass-line);
  box-shadow:inset -1px 0 0 rgba(125,211,252,.06),12px 0 40px rgba(0,0,0,.35);
}
body.neo .brand{border-bottom-color:var(--glass-line);position:relative}
body.neo .brand .logo{filter:drop-shadow(0 0 18px rgba(220,38,38,.35)) drop-shadow(0 8px 18px rgba(0,0,0,.7));animation:neo-breathe 5s ease-in-out infinite}
body.neo .brand b{font-size:17px;background:linear-gradient(90deg,#fff,#bae6fd);-webkit-background-clip:text;background-clip:text;color:transparent}
body.neo .brand small{color:#7dd3fc;opacity:.75}
@keyframes neo-breathe{50%{filter:drop-shadow(0 0 26px rgba(56,189,248,.45)) drop-shadow(0 8px 18px rgba(0,0,0,.7))}}

body.neo .nav a{
  position:relative;padding:10px 12px;border-radius:12px;color:var(--mut);
  background:rgba(255,255,255,.015);border:1px solid rgba(148,197,255,.06);overflow:hidden;
}
body.neo .nav a .ic{width:30px;height:30px;flex:0 0 30px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;
  background:linear-gradient(145deg,rgba(56,189,248,.14),rgba(129,140,248,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
body.neo .nav a .neo-ico{width:20px;height:20px}
body.neo .nav a:hover{color:#fff;background:rgba(56,189,248,.07);border-color:var(--glass-line2)}
body.neo .nav a.active{
  color:#fff;border-color:rgba(56,189,248,.45);
  background:linear-gradient(100deg,rgba(56,189,248,.22),rgba(129,140,248,.12) 70%,transparent);
  box-shadow:0 0 22px rgba(56,189,248,.18),inset 0 0 0 1px rgba(255,255,255,.03);
}
body.neo .nav a.active::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:3px;background:var(--neon);box-shadow:0 0 12px var(--neon)}
body.neo .nav a::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s}
body.neo .nav a:hover::after{transform:translateX(120%)}
body.neo .sidebar .foot{border-top-color:var(--glass-line);color:#5f7fb0}

body.neo .main{background:transparent}
body.neo .topbar{
  margin:14px 18px 0;border:1px solid var(--glass-line);border-radius:18px;
  background:linear-gradient(120deg,rgba(18,30,58,.72),rgba(10,18,36,.62));
  backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);
  box-shadow:var(--glow);
}
body.neo .topbar h1{font-size:22px;letter-spacing:.2px;background:linear-gradient(90deg,#fff 0%,#bae6fd 60%,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent}
body.neo .topbar .crumb{color:#7dd3fc;opacity:.7}
body.neo .content{padding:22px 26px 40px;position:relative;z-index:2}
body.neo .peer-switch{border-color:var(--glass-line2);background:rgba(8,14,30,.5);border-radius:12px}
body.neo .peer-switch button.active{background:linear-gradient(120deg,rgba(56,189,248,.35),rgba(99,102,241,.35));box-shadow:inset 0 0 0 1px rgba(125,211,252,.4)}
body.neo .chip,body.neo .lang-select{background:rgba(8,14,30,.55);border-color:var(--glass-line2)}
body.neo .dot{animation:neo-blink 2.4s ease-in-out infinite}
@keyframes neo-blink{50%{box-shadow:0 0 2px var(--green);opacity:.65}}
body.neo .neo-toggle{border-color:rgba(125,211,252,.35);color:#bae6fd}

/* стеклянные карточки */
body.neo .panel,body.neo .kpi,body.neo .control-tile,body.neo .table-panel,body.neo .note,body.neo .example-card,body.neo .filebox-card,body.neo .domain-dns-card{
  background:
    radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(56,189,248,.10),transparent 45%),
    linear-gradient(160deg,rgba(22,34,62,.62),rgba(10,18,36,.58));
  border:1px solid var(--glass-line);
  backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
  box-shadow:var(--glow);
}
body.neo .panel,body.neo .table-panel{border-radius:18px}
body.neo .note.info{background:linear-gradient(120deg,rgba(34,211,238,.12),rgba(10,18,36,.55));border-color:rgba(34,211,238,.32)}
body.neo .note.warn{background:linear-gradient(120deg,rgba(245,158,11,.14),rgba(10,18,36,.55));border-color:rgba(245,158,11,.34)}

/* KPI с кольцами, графиком и кубом */
body.neo .kpis{gap:18px}
body.neo .kpi.neo-kpi{position:relative;min-height:118px;padding:22px 150px 20px 22px;border-radius:20px;overflow:hidden}
body.neo .kpi .v{font-size:40px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(180deg,#fff,#93c5fd);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(56,189,248,.25)}
body.neo .kpi .l{color:#a5c3ee;font-weight:600}
body.neo .neo-kpi-art{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:118px;height:96px;display:flex;align-items:center;justify-content:center}
body.neo .neo-ring{width:96px;height:96px;filter:drop-shadow(0 0 10px rgba(56,189,248,.45))}
body.neo .neo-ring .track{fill:none;stroke:rgba(148,197,255,.12);stroke-width:7}
body.neo .neo-ring .arc{fill:none;stroke:url(#neo-ring-grad);stroke:#38bdf8;stroke-width:7;stroke-linecap:round;
  stroke-dasharray:calc(var(--p) * 3.27) 327;transform:rotate(-90deg);transform-origin:60px 60px;animation:neo-arc 1.4s cubic-bezier(.2,.8,.2,1) both}
body.neo .neo-ring .inner{fill:rgba(8,14,30,.75);stroke:rgba(129,140,248,.45);stroke-width:1.5}
body.neo .neo-ring .ticks{stroke:rgba(125,211,252,.45);stroke-width:1.4;transform-origin:60px 60px;animation:neo-spin 24s linear infinite}
body.neo .neo-ring-ic{position:absolute;width:40px;height:40px;display:flex;align-items:center;justify-content:center}
body.neo .neo-ring-ic .neo-ico{width:34px;height:34px}
@keyframes neo-arc{from{stroke-dasharray:0 327}}
body.neo .neo-spark{width:118px;height:60px;overflow:visible}
body.neo .neo-spark .line{fill:none;stroke:#38bdf8;stroke-width:2;stroke-dasharray:400;stroke-dashoffset:400;animation:neo-draw 2s ease forwards;filter:drop-shadow(0 0 6px #38bdf8)}
body.neo .neo-spark .fill{fill:url(#neo-spark-fill);fill:rgba(56,189,248,.12);stroke:none}
body.neo .neo-cube{width:84px;height:84px;filter:drop-shadow(0 0 14px rgba(99,102,241,.6))}
body.neo .neo-cube .cube-rot{transform-origin:40px 40px;animation:neo-cube 6s ease-in-out infinite}
body.neo .neo-cube .edge{fill:none;stroke:#a5b4fc;stroke-width:1.4}
body.neo .neo-cube .top{fill:rgba(125,211,252,.55)}
body.neo .neo-cube .left{fill:rgba(59,130,246,.45)}
body.neo .neo-cube .right{fill:rgba(99,102,241,.55)}
@keyframes neo-cube{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(4deg)}}
@keyframes neo-draw{to{stroke-dashoffset:0}}

/* плитки модулей */
body.neo .launcher-grid{gap:22px}
body.neo .launcher-grid .control-tile{overflow:visible}
body.neo .launcher-grid .control-tile:not(:last-child)::before{
  content:"";position:absolute;top:46px;right:-23px;width:24px;height:2px;pointer-events:none;
  background:linear-gradient(90deg,rgba(56,189,248,.15),rgba(56,189,248,.9),rgba(56,189,248,.15));background-size:200% 100%;
  box-shadow:0 0 8px rgba(56,189,248,.6);animation:neo-flow 1.8s linear infinite;
}
@keyframes neo-flow{from{background-position:200% 0}to{background-position:0 0}}
body.neo .control-section-title{font-size:16px;background:linear-gradient(90deg,#7dd3fc,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.3px}
body.neo .control-section-head{border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(56,189,248,.45),rgba(56,189,248,.05) 60%,transparent) 1}
body.neo .control-section-more{color:#7dd3fc}
body.neo .control-grid{gap:16px;perspective:900px}
body.neo .control-tile{
  border-radius:18px;min-height:128px;padding:18px 10px 14px;gap:10px;
  transform:rotateX(var(--rx,0)) rotateY(var(--ry,0));transform-style:preserve-3d;
  transition:transform .18s ease,border-color .2s,box-shadow .25s;
}
body.neo .control-tile:hover{border-color:rgba(56,189,248,.5);box-shadow:0 0 0 1px rgba(56,189,248,.18),0 18px 46px rgba(2,6,23,.6),0 0 34px rgba(56,189,248,.16);
  transform:rotateX(var(--rx,0)) rotateY(var(--ry,0)) translateY(-4px)}
body.neo .control-tile .tile-icon{
  width:58px;height:58px;border-radius:16px;position:relative;transform:translateZ(24px);
  background:linear-gradient(150deg,color-mix(in srgb,var(--acc) 42%,#0b1430),color-mix(in srgb,var(--acc) 12%,#060b18));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -6px 14px rgba(0,0,0,.35),0 10px 24px rgba(0,0,0,.45),0 0 22px color-mix(in srgb,var(--acc) 35%,transparent);
  border:1px solid color-mix(in srgb,var(--acc) 45%,transparent);
}
body.neo .control-tile .tile-icon::after{content:"";position:absolute;inset:3px 3px 50%;border-radius:13px 13px 40% 40%;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent);pointer-events:none}
body.neo .control-tile .tile-icon .neo-ico{width:34px;height:34px}
body.neo .tone-orange{--acc:#fb923c}
body.neo .tone-blue{--acc:#3b82f6}
body.neo .tone-teal{--acc:#22d3ee}
body.neo .tone-indigo{--acc:#818cf8}
body.neo .tone-violet{--acc:#c084fc}
body.neo .tone-green{--acc:#34d399}
body.neo .tone-amber{--acc:#fbbf24}
body.neo .control-tile .tile-label{font-size:13px;transform:translateZ(14px)}
body.neo .control-tile .tile-hint{color:#7f97c4}
body.neo .control-tile .tile-badge{background:rgba(251,191,36,.18);border:1px solid rgba(251,191,36,.35);box-shadow:0 0 12px rgba(251,191,36,.25)}
body.neo .control-search-wrap{background:rgba(8,14,30,.6);border-color:var(--glass-line2);border-radius:14px;backdrop-filter:blur(10px)}
body.neo .control-search-icon .neo-ico{width:18px;height:18px}

/* живые иконки */
.neo-ico{display:block;overflow:visible}
.neo-ico .s{stroke:#e0f2fe;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;fill:none}
.neo-ico .a{fill:var(--acc,#38bdf8);filter:drop-shadow(0 0 4px var(--acc,#38bdf8))}
.neo-ic{--acc:#38bdf8}
.nav a .neo-ic{--acc:#38bdf8}
.nav a.active .neo-ico .s{stroke:#fff}
.neo-ico *{transform-box:fill-box;transform-origin:center}
.neo-ico .spin{transform-origin:24px 24px;transform-box:view-box;animation:neo-spin 14s linear infinite}
.neo-ico .spin-y{animation:neo-spin-y 6s ease-in-out infinite}
.neo-ico .orbit{transform-origin:24px 24px;transform-box:view-box;animation:neo-spin 7s linear infinite}
.neo-ico .ring{animation:neo-tilt 7s ease-in-out infinite}
.neo-ico .pulse{animation:neo-pulse 2.2s ease-in-out infinite}
.neo-ico .bob{animation:neo-bob 3s ease-in-out infinite}
.neo-ico .float{animation:neo-bob 3.6s ease-in-out infinite}
.neo-ico .bar{transform-origin:bottom;animation:neo-bars 2.4s ease-in-out infinite}
.neo-ico .b2{animation-delay:-.8s}.neo-ico .b3{animation-delay:-1.6s}
.neo-ico .dot-run{animation:neo-run 2.6s ease-in-out infinite}
.neo-ico .trail{stroke:var(--acc);stroke-width:2.6;stroke-linecap:round;fill:none;animation:neo-trail 1.6s ease-in-out infinite}
.neo-ico .drop{animation:neo-drop 2.8s ease-in infinite}
.neo-ico .l1,.neo-ico .l2,.neo-ico .l3{animation:neo-lamp 3s steps(1) infinite}
.neo-ico .l2{animation-delay:1s}.neo-ico .l3{animation-delay:2s}
.neo-ico .check{stroke-dasharray:20;stroke-dashoffset:20;animation:neo-check 3.2s ease infinite}
.neo-ico .c2{animation-delay:.6s}
.neo-ico .paper{animation:neo-paper 3s ease-in-out infinite}
.neo-ico .spark{animation:neo-pulse 1.4s ease-in-out infinite}
.neo-ico .scan{animation:neo-scan 2.6s ease-in-out infinite}
.neo-ico .shackle{animation:neo-shackle 3.4s ease-in-out infinite}
.neo-ico .turn{transform-origin:16px 24px;transform-box:view-box;animation:neo-turn 3.4s ease-in-out infinite}
.neo-ico .wave{fill:none;animation:neo-wave 1.8s ease-out infinite}
.neo-ico .w2{animation-delay:.4s}
.neo-ico .lid{animation:neo-lid 3s ease-in-out infinite}
.neo-ico .wiggle{animation:neo-wiggle 4s ease-in-out infinite}
.neo-ico .packet.p1{animation:neo-p1 2.2s ease-in-out infinite}
.neo-ico .packet.p2{animation:neo-p2 2.2s ease-in-out infinite}
.neo-ico .rise{animation:neo-rise 2s ease-in-out infinite}
.neo-ico .win{animation:neo-win 4s steps(1) infinite}
.neo-ico .w2{animation-delay:.7s}.neo-ico .w3{animation-delay:1.4s}.neo-ico .w4{animation-delay:2.1s}.neo-ico .w5{animation-delay:2.8s}.neo-ico .w6{animation-delay:3.5s}
.neo-ico .blip{animation:neo-blip 2.6s linear infinite}
.neo-ico .ecg{fill:none;stroke-dasharray:60;stroke-dashoffset:60;animation:neo-ecg 2.4s linear infinite}
.neo-ico .glint{fill:none;animation:neo-pulse 2s ease-in-out infinite}
.neo-ico .flap{animation:neo-flap 3.6s ease-in-out infinite}
.control-tile:hover .neo-ico .spin,.nav a:hover .neo-ico .spin{animation-duration:3s}
.control-tile:hover .neo-ico,.nav a:hover .neo-ico{animation:neo-pop .45s ease}

@keyframes neo-spin{to{transform:rotate(360deg)}}
@keyframes neo-spin-y{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.25)}}
@keyframes neo-tilt{50%{transform:rotate(14deg)}}
@keyframes neo-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}
@keyframes neo-bob{50%{transform:translateY(-2.5px)}}
@keyframes neo-bars{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.45)}}
@keyframes neo-run{0%{transform:translateX(0)}60%,100%{transform:translateX(20px);opacity:0}}
@keyframes neo-trail{0%{opacity:0;transform:translateX(4px)}50%{opacity:1}100%{opacity:0;transform:translateX(-4px)}}
@keyframes neo-drop{0%{transform:translateY(-6px);opacity:0}30%{opacity:1}70%{transform:translateY(14px);opacity:1}100%{transform:translateY(16px);opacity:0}}
@keyframes neo-lamp{0%{opacity:1}33%,100%{opacity:.2}}
@keyframes neo-check{0%{stroke-dashoffset:20}30%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:20}}
@keyframes neo-paper{50%{transform:translateY(-4px)}}
@keyframes neo-scan{0%,100%{transform:translateY(0);opacity:.9}50%{transform:translateY(22px);opacity:.4}}
@keyframes neo-shackle{0%,70%,100%{transform:translateY(0)}80%{transform:translateY(-3px)}}
@keyframes neo-turn{0%,60%,100%{transform:rotate(0)}75%{transform:rotate(-24deg)}}
@keyframes neo-wave{0%{opacity:0}40%{opacity:1}100%{opacity:0}}
@keyframes neo-lid{0%,60%,100%{transform:translate(0,0)}75%{transform:translate(-1px,-4px) rotate(-8deg)}}
@keyframes neo-wiggle{0%,80%,100%{transform:rotate(0)}85%{transform:rotate(-8deg)}92%{transform:rotate(6deg)}}
@keyframes neo-p1{0%{transform:translate(0,0)}50%{transform:translate(15px,-8px)}100%{transform:translate(0,0)}}
@keyframes neo-p2{0%{transform:translate(0,0)}50%{transform:translate(15px,8px)}100%{transform:translate(0,0)}}
@keyframes neo-rise{0%{transform:translateY(4px);opacity:.4}50%{transform:translateY(-3px);opacity:1}100%{transform:translateY(4px);opacity:.4}}
@keyframes neo-win{0%{opacity:1}50%,100%{opacity:.25}}
@keyframes neo-blip{0%{transform:translateX(0);opacity:0}20%{opacity:1}100%{transform:translateX(44px);opacity:0}}
@keyframes neo-ecg{to{stroke-dashoffset:-60}}
@keyframes neo-flap{0%,85%,100%{transform:scaleY(1)}92%{transform:scaleY(-.4)}}
@keyframes neo-pop{40%{transform:scale(1.15)}}

/* иллюстрация раздела */
#neo-scene{position:fixed;right:28px;bottom:18px;width:min(30vw,380px);aspect-ratio:300/260;z-index:1;pointer-events:none;opacity:.42;
  filter:drop-shadow(0 0 22px rgba(56,189,248,.35));animation:neo-scene-in .8s ease both}
body.filebox-mode #neo-scene,.app.public-share~#neo-scene{opacity:.3}
#neo-scene svg{width:100%;height:100%;overflow:visible}
#neo-scene .glass,.neo-login-art .glass{fill:rgba(56,189,248,.08);stroke:rgba(125,211,252,.7);stroke-width:2}
#neo-scene .glass2{fill:rgba(129,140,248,.12);stroke:rgba(165,180,252,.75);stroke-width:2}
#neo-scene .ln,.neo-login-art .ln{fill:none;stroke:rgba(186,230,253,.8);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#neo-scene .ln-dark,.neo-login-art .ln-dark{fill:none;stroke:#0b1430;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#neo-scene .thick{stroke-width:5}
#neo-scene .acc,.neo-login-art .acc{fill:#38bdf8}
#neo-scene .acc2,.neo-login-art .acc2{fill:#a78bfa}
#neo-scene .acc-ln{stroke:#38bdf8;stroke-width:5;stroke-linecap:round}
#neo-scene .ring-a,.neo-login-art .ring-a{fill:none;stroke:rgba(56,189,248,.35);stroke-width:1.5;stroke-dasharray:4 8;transform-box:fill-box;transform-origin:center;animation:neo-spin 30s linear infinite}
#neo-scene .ring-b,.neo-login-art .ring-b{fill:none;stroke:rgba(129,140,248,.4);stroke-width:1.5;stroke-dasharray:14 10;transform-box:fill-box;transform-origin:center;animation:neo-spin 18s linear infinite reverse}
#neo-scene .dash{stroke-dasharray:6 8}
#neo-scene .badge-t{fill:#0b1430;font:800 15px 'Segoe UI',sans-serif;text-anchor:middle}
#neo-scene .sweep{fill:url(#neo-pulse);fill:rgba(56,189,248,.28)}
#neo-scene *{transform-box:fill-box;transform-origin:center}
#neo-scene [transform]{transform-box:view-box;transform-origin:0 0}
#neo-scene .sc-float,.neo-login-art .sc-float{animation:neo-float 5s ease-in-out infinite}
#neo-scene .d2{animation-delay:-2.5s}
#neo-scene .sc-orbit{transform-box:view-box;transform-origin:150px 130px;animation:neo-spin 14s linear infinite}
#neo-scene .sc-orbit.o2{animation-duration:9s;animation-direction:reverse}
#neo-scene .spin-y{animation:neo-spin-y 8s ease-in-out infinite}
#neo-scene .pulse{animation:neo-pulse 2.4s ease-in-out infinite}
#neo-scene .b1,#neo-scene .b2,#neo-scene .b3{transform-origin:bottom;animation:neo-bars 3s ease-in-out infinite}
#neo-scene .b2{animation-delay:-1s}#neo-scene .b3{animation-delay:-2s}
#neo-scene .scan{animation:neo-scan-big 3.4s ease-in-out infinite}
#neo-scene .draw{stroke-dasharray:140;stroke-dashoffset:140;animation:neo-draw-loop 4s ease infinite}
#neo-scene .sc-sweep{transform-box:view-box;transform-origin:150px 130px;animation:neo-spin 4s linear infinite}
#neo-scene .blink{animation:neo-pulse 1.6s ease-in-out infinite}
#neo-scene .sc-belt{animation:neo-belt 6s linear infinite}
#neo-scene .sc-spin{animation:neo-spin 26s linear infinite}
#neo-scene .sc-spin2{animation:neo-spin 13s linear infinite reverse}
@keyframes neo-float{50%{transform:translateY(-10px)}}
@keyframes neo-scan-big{0%,100%{transform:translateY(0)}50%{transform:translateY(120px)}}
@keyframes neo-draw-loop{0%{stroke-dashoffset:140}35%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-140}}
@keyframes neo-belt{from{transform:translateX(-60px)}to{transform:translateX(60px)}}
@keyframes neo-scene-in{from{opacity:0;transform:translateY(20px)}}

/* таблицы, кнопки, поля */
body.neo .data-table th{color:#7dd3fc;background:rgba(56,189,248,.05);border-bottom-color:var(--glass-line2)}
body.neo .data-table td{border-bottom-color:var(--line)}
body.neo .data-table tbody tr{transition:background .15s}
body.neo .data-table tbody tr:hover{background:linear-gradient(90deg,rgba(56,189,248,.09),transparent 70%)}
body.neo .btn{border-radius:12px;position:relative;overflow:hidden}
body.neo .btn.primary{background:var(--grad);color:#03111d;box-shadow:0 8px 24px rgba(59,130,246,.35),inset 0 1px 0 rgba(255,255,255,.35)}
body.neo .btn.primary::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-130%);transition:transform .7s}
body.neo .btn.primary:hover::after{transform:translateX(130%)}
body.neo .btn.primary:hover{box-shadow:0 10px 30px rgba(56,189,248,.45),inset 0 1px 0 rgba(255,255,255,.35)}
body.neo .btn.ghost{background:rgba(8,14,30,.45);border-color:var(--glass-line2);backdrop-filter:blur(8px)}
body.neo .btn.ghost:hover{border-color:rgba(56,189,248,.5);background:rgba(56,189,248,.1);box-shadow:0 0 18px rgba(56,189,248,.15)}
body.neo .btn.danger{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.4)}
body.neo .btn:not(.primary):not(.ghost):not(.danger){background:rgba(8,14,30,.5);border:1px solid var(--glass-line2);color:var(--txt)}
body.neo .btn:not(.primary):not(.ghost):not(.danger):hover{border-color:rgba(56,189,248,.5);background:rgba(56,189,248,.1)}
body.neo .content :where(input:not([type=checkbox],[type=radio],[type=file],[type=range]),select,textarea){
  background:rgba(5,10,22,.62);border:1px solid var(--glass-line2);border-radius:10px;color:var(--txt);padding:7px 10px;font:inherit;font-size:13px;
}
body.neo .content :where(input,select,textarea):focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.18)}
body.neo .content select option{background:#0a1020}
body.neo input[type=checkbox],body.neo input[type=radio]{accent-color:#38bdf8}
body.neo input[type=file]{color:var(--mut)}
body.neo input[type=file]::file-selector-button{margin-right:12px;padding:8px 14px;border-radius:10px;border:1px solid rgba(56,189,248,.45);
  background:linear-gradient(120deg,rgba(56,189,248,.22),rgba(129,140,248,.18));color:#e0f2fe;font-weight:700;cursor:pointer}
body.neo #login-submit{width:100%;padding:13px;font-size:15px}
body.neo #login-form .modal-actions{margin-top:14px}
body.neo .badge.ok{background:rgba(52,211,153,.14);color:#6ee7b7;box-shadow:inset 0 0 0 1px rgba(52,211,153,.3)}
body.neo .badge.off{background:rgba(239,68,68,.12);color:#fca5a5;box-shadow:inset 0 0 0 1px rgba(239,68,68,.3)}
body.neo .badge.warn{box-shadow:inset 0 0 0 1px rgba(251,191,36,.3)}
body.neo .field input,body.neo .field select,body.neo .field textarea,body.neo .inline-field select,body.neo .member-search,
body.neo .member-picker,body.neo .cell-input,body.neo .cell-textarea,body.neo .domain-scope-search,body.neo .filebox-input,body.neo .filebox-field-main textarea{
  background:rgba(5,10,22,.62);border-color:var(--glass-line2);border-radius:12px;color:var(--txt);transition:border-color .2s,box-shadow .2s;
}
body.neo .field input:focus,body.neo .field select:focus,body.neo .field textarea:focus,body.neo .member-search:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.18),0 0 18px rgba(56,189,248,.2)}
body.neo .ad-tab.active{color:#7dd3fc;border-bottom-color:#38bdf8;text-shadow:0 0 12px rgba(56,189,248,.5)}
body.neo .domain-scope-popover{background:var(--glass-strong);backdrop-filter:blur(18px);border-color:var(--glass-line2)}
body.neo code{color:#bae6fd}

/* модальные окна и вход */
body.neo .modal-backdrop{background:rgba(3,7,18,.55);backdrop-filter:blur(8px)}
body.neo .modal{
  background:linear-gradient(160deg,rgba(20,32,60,.82),rgba(9,16,32,.86));border:1px solid var(--glass-line2);border-radius:22px;
  backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);
  box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(56,189,248,.08),0 0 60px rgba(56,189,248,.12);
  animation:neo-modal .35s cubic-bezier(.2,.9,.3,1.2) both;
}
@keyframes neo-modal{from{opacity:0;transform:translateY(14px) scale(.97)}}
body.neo #login-backdrop{background:transparent;backdrop-filter:none}
body.neo #login-backdrop .modal{width:min(430px,100%);padding:26px 28px 24px;position:relative;overflow:hidden}
body.neo #login-backdrop .modal::before{content:"";position:absolute;inset:-1px;border-radius:22px;padding:1px;pointer-events:none;
  background:conic-gradient(from var(--neo-a,0deg),transparent 0 70%,#38bdf8 80%,#818cf8 88%,transparent 95%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:neo-border 6s linear infinite}
@property --neo-a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes neo-border{to{--neo-a:360deg}}
body.neo #login-title{font-size:22px;background:linear-gradient(90deg,#fff,#bae6fd);-webkit-background-clip:text;background-clip:text;color:transparent}
.neo-login-art{display:flex;justify-content:center;margin:-6px 0 6px}
.neo-login-art svg{width:220px;height:120px;overflow:visible;filter:drop-shadow(0 0 16px rgba(56,189,248,.45))}
.neo-login-art *{transform-box:fill-box;transform-origin:center}
.neo-login-art .trace-draw{stroke-dasharray:240;stroke-dashoffset:240;animation:neo-draw 2.4s ease .3s forwards}
body.neo #login-backdrop.filebox-login .neo-login-art{display:none}

/* файлообменник и публичная ссылка */
body.neo .filebox-card{border-radius:24px}
body.neo .filebox-drop{border-color:rgba(125,211,252,.35);background:repeating-linear-gradient(135deg,rgba(56,189,248,.04) 0 12px,transparent 12px 24px);transition:.2s}
body.neo .filebox-drop:hover,body.neo .filebox-drop.drag{border-color:#38bdf8;box-shadow:0 0 28px rgba(56,189,248,.2) inset;background-color:rgba(56,189,248,.06)}
body.neo .filebox-pill{background:rgba(8,14,30,.5);border-color:var(--glass-line2)}
body.neo .filebox-send{box-shadow:0 0 0 6px rgba(56,189,248,.12),0 10px 26px rgba(56,189,248,.45);animation:neo-pulse-ring 2.6s ease-out infinite}
@keyframes neo-pulse-ring{0%{box-shadow:0 0 0 0 rgba(56,189,248,.45),0 10px 26px rgba(56,189,248,.45)}100%{box-shadow:0 0 0 16px rgba(56,189,248,0),0 10px 26px rgba(56,189,248,.45)}}
body.neo .filebox-progress-fill{background:linear-gradient(90deg,#22d3ee,#818cf8);box-shadow:0 0 12px #38bdf8}

/* прокрутка */
body.neo ::-webkit-scrollbar{width:10px;height:10px}
body.neo ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(56,189,248,.35),rgba(129,140,248,.35));border-radius:10px;border:2px solid transparent;background-clip:padding-box}
body.neo ::-webkit-scrollbar-track{background:transparent}

@media (max-width:1100px){#neo-scene{display:none}}
@media (prefers-reduced-motion:reduce){
  body.neo *,body.neo *::before,body.neo *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}
  #neo-backdrop .pulse-line,#neo-backdrop .mote{display:none}
}