*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bg:#04040a;--ink:#f0eeff;--ink2:rgba(240,238,255,.75);--ink3:rgba(240,238,255,.4);
  --cr:#d946ef;--vi:#7c3aed;--in:#4338ca;--sky:#06b6d4;--green:#22c55e;
  --glow-c:rgba(217,70,239,.4);--border:rgba(124,58,237,.16);--card:rgba(255,255,255,.028);
  --nav-bg:rgba(4,4,10,.88);--link:var(--cr);
  --c-success-bg:rgba(34,197,94,.05);--c-success-border:rgba(34,197,94,.18);
  --c-success-text:rgba(134,239,172,.88);--c-success-title:#dcfce7;
}
[data-theme="light"]{
  --bg:#ede9f5;--ink:#3b3558;--ink2:rgba(59,53,88,.75);--ink3:rgba(59,53,88,.45);
  --cr:#9333ea;--vi:#7c3aed;--in:#4338ca;--sky:#0284c7;--green:#16a34a;
  --glow-c:rgba(124,58,237,.12);--border:rgba(124,58,237,.13);--card:rgba(124,58,237,.04);
  --nav-bg:rgba(237,233,245,.9);--link:#5b21b6;
  --c-success-bg:rgba(22,163,74,.06);--c-success-border:rgba(22,163,74,.18);
  --c-success-text:#166534;--c-success-title:#14532d;
}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--ink);font-family:'Inter','Helvetica Neue',Arial,sans-serif;overflow-x:hidden;min-height:100vh;transition:background .35s,color .35s;}

/* BG */
#bg-canvas{position:fixed;inset:0;pointer-events:none;z-index:0;}
[data-theme="light"] #bg-canvas{opacity:.18;filter:saturate(.5) brightness(1.4);}
.noise{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:var(--nav-bg);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);transition:background .35s;}
[data-theme="light"] nav{box-shadow:0 1px 12px rgba(109,40,217,.06);}
.nav-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);}
.nav-logo img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 4px rgba(124,58,237,.35));animation:breathe 4s ease-in-out infinite;}
@keyframes breathe{0%,100%{filter:drop-shadow(0 0 4px rgba(124,58,237,.35));}50%{filter:drop-shadow(0 0 10px rgba(124,58,237,.55));}}
.nav-brand{font-family:'Unbounded','Arial Black',Arial,sans-serif;font-size:.9rem;font-weight:700;}
.nav-brand em{font-style:normal;background:linear-gradient(135deg,var(--cr),var(--vi));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
#theme-toggle{background:none;border:1px solid var(--border);border-radius:.5rem;padding:.4rem .5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s;color:var(--ink2);}
#theme-toggle:hover{background:rgba(124,58,237,.07);border-color:rgba(124,58,237,.3);}

/* WIZARD */
.wizard{position:relative;z-index:1;min-height:100vh;padding:5.5rem 1rem 3rem;display:flex;flex-direction:column;align-items:center;}

/* PROGRESS — 2 шага */
.progress-wrap{width:100%;max-width:420px;margin-bottom:2rem;}
.progress-steps{display:flex;align-items:center;justify-content:space-between;}
.ps{display:flex;flex-direction:column;align-items:center;gap:.3rem;flex:1;}
.ps-circle{width:30px;height:30px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono','Courier New',monospace;font-size:.7rem;font-weight:500;color:var(--ink3);transition:all .4s cubic-bezier(.16,1,.3,1);}
.ps.done .ps-circle{background:linear-gradient(135deg,var(--cr),var(--vi));border-color:transparent;color:#fff;}
.ps.active .ps-circle{border-color:var(--cr);color:var(--cr);box-shadow:0 0 14px rgba(217,70,239,.4);}
[data-theme="light"] .ps.active .ps-circle{box-shadow:0 0 10px rgba(124,58,237,.2);}
[data-theme="light"] .ps.active .ps-circle{border-color:#7c3aed;color:#7c3aed;}
[data-theme="light"] .ps.done .ps-circle{background:linear-gradient(135deg,#9333ea,#7c3aed);}
.ps-label{font-family:'JetBrains Mono','Courier New',monospace;font-size:.55rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);transition:color .3s;text-align:center;}
.ps.active .ps-label{color:var(--cr);}
.ps.done .ps-label{color:var(--vi);}
[data-theme="light"] .ps.active .ps-label,[data-theme="light"] .ps.done .ps-label{color:#7c3aed;}
.ps-line{flex:1;height:1px;background:var(--border);margin:0 .25rem;margin-bottom:1.2rem;position:relative;overflow:hidden;}
.ps-line::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--vi),var(--cr));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1);}
.ps-line.done::after{transform:scaleX(1);}
.ps-line.done{background:var(--border);}

/* STEP SCREENS */
.step-screen{display:none;flex-direction:column;align-items:center;width:100%;max-width:420px;will-change:transform,opacity;}
.step-screen.active{display:flex;animation:step-in .4s cubic-bezier(.16,1,.3,1) both;}
.step-screen.back{animation:step-back .4s cubic-bezier(.16,1,.3,1) both;}
@keyframes step-in{from{opacity:0;transform:translateX(28px);}to{opacity:1;transform:translateX(0);}}
@keyframes step-back{from{opacity:0;transform:translateX(-28px);}to{opacity:1;transform:translateX(0);}}

/* HERO LOGO */
.logo-wrap{position:relative;width:150px;height:150px;margin:0 auto 1.8rem;}
.logo-glow{position:absolute;inset:-38px;border-radius:50%;background:radial-gradient(ellipse,rgba(124,58,237,.12) 0%,transparent 70%);filter:blur(18px);animation:glow-p 3.5s ease-in-out infinite;}
@keyframes glow-p{0%,100%{opacity:.5;transform:scale(1);}50%{opacity:1;transform:scale(1.12);}}
.logo-orbit{position:absolute;inset:-20px;border-radius:50%;border:1px solid transparent;border-top:1px solid var(--cr);animation:orbit-s 7s linear infinite;}
@keyframes orbit-s{to{transform:rotate(360deg);}}
.logo-float{position:relative;width:100%;height:100%;z-index:2;animation:lf 5s ease-in-out infinite,lg 9s steps(1) 4s infinite,lfd 10s ease-in-out 2s infinite;}
@keyframes lf{0%,100%{transform:translateY(0);}50%{transform:translateY(-11px);}}
@keyframes lg{0%,93%,100%{clip-path:none;filter:drop-shadow(0 0 6px rgba(124,58,237,.3));}94%{clip-path:inset(8% 0 82% 0);transform:translate(-4px,0) skewX(-3deg);filter:drop-shadow(4px 0 0 rgba(0,255,255,.8)) drop-shadow(-4px 0 0 rgba(255,0,100,.8));}95%{clip-path:inset(55% 0 25% 0);transform:translate(4px,0) skewX(3deg);}96%{clip-path:none;filter:drop-shadow(0 0 14px rgba(217,70,239,.7));}97%{clip-path:inset(4% 0 88% 0);transform:translate(6px,0) skewX(5deg);}98%{clip-path:none;}}
@keyframes lfd{0%,38%,100%{opacity:1;}48%{opacity:.07;}52%{opacity:.85;}54%{opacity:.15;}60%{opacity:1;}}
.logo-float img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 0 6px rgba(124,58,237,.3));animation:la 1.4s cubic-bezier(.16,1,.3,1) both;}
@keyframes la{from{opacity:0;transform:scale(.5) rotate(-10deg);filter:blur(8px);}to{opacity:1;transform:scale(1);}}
.logo-scan{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:3;border-radius:50%;}
.logo-scan::after{content:'';position:absolute;left:0;right:0;height:2px;top:-4px;background:linear-gradient(90deg,transparent,rgba(0,255,200,.6),transparent);animation:ls 3s ease-in-out infinite 1.5s;}
@keyframes ls{0%{top:-5%;opacity:0;}10%{opacity:1;}90%{opacity:.2;}100%{top:105%;opacity:0;}}

/* STEP HEADER */
.step-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .9rem;border:1px solid rgba(217,70,239,.25);background:rgba(217,70,239,.06);border-radius:2rem;font-family:'JetBrains Mono','Courier New',monospace;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cr);margin-bottom:1rem;}
[data-theme="light"] .step-badge{color:#7c3aed;border-color:rgba(124,58,237,.2);background:rgba(124,58,237,.05);}
.step-title{font-family:'Unbounded','Arial Black',Arial,sans-serif;font-size:clamp(1.5rem,6vw,2.2rem);font-weight:900;line-height:1.1;letter-spacing:-.02em;text-align:center;margin-bottom:.7rem;}
.grad{background:linear-gradient(135deg,var(--cr) 0%,var(--vi) 55%,var(--sky) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
[data-theme="light"] .grad{background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 55%,#1d4ed8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.step-desc{font-size:.95rem;font-weight:500;color:var(--ink);opacity:.75;line-height:1.65;text-align:center;max-width:360px;margin-bottom:1.8rem;}
[data-theme="light"] .step-desc{opacity:.85;}

/* PROXY CARD */
.proxy-card{width:100%;background:rgba(124,58,237,.07);border:1px solid rgba(124,58,237,.25);border-radius:1rem;padding:1.4rem;margin-bottom:1rem;position:relative;}
.proxy-card::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--cr),var(--vi),transparent);}
[data-theme="light"] .proxy-card{background:rgba(255,255,255,.6);border-color:rgba(124,58,237,.18);}
.proxy-label{font-family:'JetBrains Mono','Courier New',monospace;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);margin-bottom:.7rem;display:flex;align-items:center;justify-content:space-between;}
[data-theme="light"] .proxy-label{color:rgba(59,53,88,.6);}
.proxy-timer{font-family:'JetBrains Mono','Courier New',monospace;font-size:.6rem;color:var(--link);}
.proxy-val{font-family:'JetBrains Mono','Courier New',monospace;font-size:.75rem;color:var(--ink);background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:.5rem;padding:.65rem .85rem;word-break:break-all;line-height:1.5;margin-bottom:.9rem;min-height:44px;display:flex;align-items:center;}
.proxy-val.placeholder{color:var(--ink3);}
[data-theme="light"] .proxy-val{background:rgba(255,255,255,.8);color:#3b3558;border-color:rgba(124,58,237,.15);}

/* MAIN CTA */
.btn-primary{position:relative;width:100%;padding:1.1rem;font-family:'Unbounded','Arial Black',Arial,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.05em;color:#fff;background:none;border:none;overflow:hidden;clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);transition:transform .2s;cursor:pointer;margin-bottom:.8rem;}
.btn-primary .bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--cr),var(--vi) 60%,var(--in));clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);transition:filter .25s;}
.btn-primary:hover .bg{filter:brightness(1.15);}
.btn-primary .slash{position:absolute;inset:0;clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);overflow:hidden;}
.btn-primary .slash::before{content:'';position:absolute;top:-50%;left:-80%;width:40%;height:200%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.25),transparent);transform:skewX(-15deg);transition:left .5s cubic-bezier(.16,1,.3,1);}
.btn-primary:hover .slash::before{left:160%;}
.btn-primary:hover{transform:translateY(-2px);}
.btn-primary:active{transform:scale(.98);}
.btn-primary .lbl{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:.6rem;pointer-events:none;}
.btn-primary.loading .lbl::after{content:'';width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

/* BIG TG BUTTON */
.btn-tg-big{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1.15rem;font-family:'Unbounded','Arial Black',Arial,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#0088cc,#006aaa);border:none;border-radius:.75rem;cursor:pointer;transition:all .25s;margin-bottom:.8rem;position:relative;overflow:hidden;}
.btn-tg-big::before{content:'';position:absolute;top:-50%;left:-80%;width:40%;height:200%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.2),transparent);transform:skewX(-15deg);transition:left .5s cubic-bezier(.16,1,.3,1);}
.btn-tg-big:hover::before{left:160%;}
.btn-tg-big:hover{transform:translateY(-2px);filter:brightness(1.1);}
.btn-tg-big:active{transform:scale(.98);}
.btn-tg-big.pulse-tg{animation:tg-pulse 2s ease-in-out 3;}
@keyframes tg-pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,136,204,.5);}50%{box-shadow:0 0 0 10px rgba(0,136,204,0);}}
.btn-tg-big svg{width:22px;height:22px;fill:#fff;flex-shrink:0;}

/* SECONDARY BUTTONS */
.btn-copy{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.9rem;font-family:'Unbounded','Arial Black',Arial,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.04em;color:var(--ink);background:rgba(255,255,255,.03);border:1px solid rgba(124,58,237,.25);border-radius:.7rem;cursor:pointer;transition:all .25s;margin-bottom:.7rem;}
.btn-copy:hover{border-color:var(--cr);background:rgba(217,70,239,.06);}
.btn-copy.copied{border-color:var(--green);color:var(--green);}
.btn-copy svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;}
[data-theme="light"] .btn-copy{color:#3b3558;background:rgba(255,255,255,.5);}
[data-theme="light"] .btn-copy:hover{border-color:var(--link);color:var(--link);}

.btn-next{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;font-family:'Unbounded','Arial Black',Arial,sans-serif;font-size:.78rem;font-weight:700;color:var(--ink);background:rgba(255,255,255,.04);border:1px solid rgba(124,58,237,.25);border-radius:.7rem;cursor:pointer;transition:all .25s;margin-bottom:.5rem;}
.btn-next:hover{border-color:rgba(124,58,237,.5);background:rgba(124,58,237,.07);}
.btn-next svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;}
.btn-next.pulse{border-color:var(--cr);background:rgba(217,70,239,.07);animation:npulse 1.8s ease-in-out infinite;}
@keyframes npulse{0%,100%{box-shadow:0 0 0 0 rgba(217,70,239,.4);}50%{box-shadow:0 0 0 8px rgba(217,70,239,0);}}
[data-theme="light"] .btn-next{color:#3b3558;background:rgba(255,255,255,.6);}
[data-theme="light"] .btn-next:hover{border-color:var(--link);}

.btn-back{display:flex;align-items:center;justify-content:center;gap:.4rem;background:none;border:none;color:var(--ink3);font-size:.78rem;cursor:pointer;padding:.5rem;transition:color .2s;margin:0 auto;font-family:'Inter','Helvetica Neue',Arial,sans-serif;}
.btn-back:hover{color:var(--ink2);}
.btn-back svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;}
[data-theme="light"] .btn-back{color:rgba(59,53,88,.4);}
[data-theme="light"] .btn-back:hover{color:#3b3558;}

/* TIP */
.tip{display:flex;align-items:flex-start;gap:.7rem;padding:.9rem 1rem;background:rgba(124,58,237,.05);border:1px solid rgba(124,58,237,.15);border-radius:.65rem;margin-bottom:1rem;}
[data-theme="light"] .tip{background:rgba(91,33,182,.05);border-color:rgba(91,33,182,.14);}
.tip-icon{font-size:1rem;flex-shrink:0;margin-top:.05rem;}
.tip-text{font-size:.86rem;font-weight:500;color:var(--ink);opacity:.75;line-height:1.6;}
.tip-text strong{opacity:1;font-weight:600;}
.tip-text a{color:var(--link);text-decoration:underline;text-underline-offset:2px;}
[data-theme="light"] .tip-text{opacity:.9;}

/* SUCCESS */
.success-block{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.5rem;background:var(--c-success-bg);border:1px solid var(--c-success-border);border-radius:1rem;width:100%;margin-bottom:1.4rem;text-align:center;}
.success-check{width:52px;height:52px;background:rgba(34,197,94,.12);border:2px solid rgba(34,197,94,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pop .5s cubic-bezier(.16,1,.3,1);}
[data-theme="light"] .success-check{background:rgba(22,163,74,.1);border-color:rgba(22,163,74,.35);}
@keyframes pop{from{transform:scale(0);}to{transform:scale(1);}}
.success-check svg{width:26px;height:26px;stroke:var(--green);stroke-width:2.5;fill:none;}
[data-theme="light"] .success-check svg{stroke:#16a34a;}
.success-title{font-family:'Unbounded','Arial Black',Arial,sans-serif;font-size:1.1rem;font-weight:900;color:var(--c-success-title);}
.success-sub{font-size:.88rem;font-weight:500;color:var(--ink);opacity:.72;line-height:1.6;}
[data-theme="light"] .success-sub{opacity:.85;}

/* STEP LIST */
.step-list{width:100%;display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.3rem;}
.sl-item{display:flex;gap:.85rem;align-items:flex-start;padding:.95rem 1.1rem;background:var(--card);border:1px solid var(--border);border-radius:.75rem;}
[data-theme="light"] .sl-item{background:rgba(255,255,255,.55);}
.sl-item.green{background:var(--c-success-bg);border-color:var(--c-success-border);}
.sl-num{flex-shrink:0;width:30px;height:30px;background:linear-gradient(135deg,var(--cr),var(--vi));border-radius:.4rem;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:.72rem;font-weight:700;color:#fff;clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);}
.sl-title{font-family:'Unbounded','Arial Black',Arial,sans-serif;font-size:.82rem;font-weight:700;margin-bottom:.25rem;color:var(--ink);}
.sl-text{font-size:.84rem;font-weight:500;color:var(--ink);opacity:.72;line-height:1.55;}
.sl-text strong{opacity:1;color:var(--ink);}
.sl-text.green{color:var(--c-success-text);opacity:1;}
.sl-text.green strong{color:var(--c-success-text);}

/* RESUME BANNER */
.resume-banner{width:100%;max-width:420px;display:flex;align-items:flex-start;gap:.85rem;padding:1rem 1.1rem;background:var(--c-success-bg);border:1px solid var(--c-success-border);border-radius:.85rem;margin-bottom:1.2rem;animation:fadein .5s ease both;}
@keyframes fadein{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
.resume-icon{font-size:1.3rem;flex-shrink:0;margin-top:.1rem;}
.resume-title{font-family:'Unbounded','Arial Black',Arial,sans-serif;font-size:.78rem;font-weight:700;color:var(--c-success-text);margin-bottom:.2rem;}
.resume-sub{font-size:.74rem;font-weight:500;color:var(--ink2);line-height:1.5;}
.resume-btns{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem;}
.resume-btn-yes{padding:.35rem .85rem;background:linear-gradient(135deg,var(--cr),var(--vi));border:none;border-radius:.4rem;font-family:'Unbounded',sans-serif;font-size:.62rem;font-weight:700;color:#fff;cursor:pointer;}
.resume-btn-no{padding:.35rem .75rem;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:.4rem;font-family:'JetBrains Mono',monospace;font-size:.6rem;color:var(--ink3);cursor:pointer;}
[data-theme="light"] .resume-btn-no{border-color:rgba(59,53,88,.2);color:rgba(59,53,88,.5);}

/* FOOTER */
footer{position:relative;z-index:1;padding:1.5rem 1.5rem;text-align:center;border-top:1px solid var(--border);}
[data-theme="light"] footer{background:rgba(237,233,245,.7);}
.footer-logo{display:flex;align-items:center;justify-content:center;gap:.55rem;margin-bottom:.6rem;text-decoration:none;color:var(--ink);}
.footer-logo img{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 0 4px rgba(124,58,237,.3));}
.footer-brand{font-family:'Unbounded','Arial Black',Arial,sans-serif;font-size:.8rem;font-weight:700;}
.footer-copy{font-family:'JetBrains Mono','Courier New',monospace;font-size:.65rem;font-weight:700;color:var(--ink2);letter-spacing:.1em;}
[data-theme="light"] .footer-copy{color:rgba(59,53,88,.45);}

/* RESPONSIVE */
@media(max-width:360px){
  nav{padding:.7rem .85rem;}.nav-brand{font-size:.8rem;}
  .wizard{padding:5rem .75rem 2.5rem;}
  .step-title{font-size:1.35rem;}.logo-wrap{width:120px;height:120px;}
  .btn-primary{font-size:.72rem;}.btn-tg-big{font-size:.74rem;}
}
@media(max-width:480px){
  nav{padding:.8rem 1rem;}.wizard{padding:5.2rem .9rem 2.5rem;}
  .step-title{font-size:clamp(1.4rem,7.5vw,1.8rem);}
  .logo-wrap{width:135px;height:135px;margin-bottom:1.4rem;}
  .btn-primary{font-size:.74rem;}.btn-tg-big{font-size:.76rem;}
  footer{padding:1.5rem 1rem;}
}
@media(min-width:640px) and (max-width:900px){
  .wizard{padding:6rem 2rem 3rem;}.progress-wrap,.step-screen{max-width:480px;}
  .step-title{font-size:2rem;}.logo-wrap{width:165px;height:165px;}
}
@media(min-width:900px){
  nav{padding:1rem 2.5rem;}.wizard{padding:7rem 2rem 4rem;}
  .progress-wrap,.step-screen{max-width:500px;}
  .step-title{font-size:2.4rem;}.logo-wrap{width:185px;height:185px;margin-bottom:2rem;}
}
@media(min-width:1200px){
  nav{padding:1.1rem 4rem;}.wizard{padding:8rem 2rem 5rem;}
  .progress-wrap,.step-screen{max-width:540px;}
  .step-title{font-size:2.6rem;}.logo-wrap{width:210px;height:210px;}
}
@media(hover:none){
  .btn-primary:hover,.btn-next:hover,.btn-tg-big:hover{transform:none;filter:none;}
}
@media(max-height:600px) and (orientation:landscape){
  .wizard{padding:4.5rem .9rem 2rem;}
  .logo-wrap{width:95px;height:95px;margin-bottom:1rem;}
  .step-title{font-size:1.4rem;margin-bottom:.4rem;}
}

/* ── HELP ACCORDION ── */
.help-wrap{width:100%;margin-bottom:.8rem;}
.help-wrap.show{display:block;}
.help-toggle{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.8rem 1.1rem;background:rgba(217,70,239,.07);border:1px solid rgba(217,70,239,.35);border-radius:.7rem;cursor:pointer;font-family:'JetBrains Mono','Courier New',monospace;font-size:.65rem;font-weight:700;letter-spacing:.08em;color:var(--cr);transition:all .25s;text-transform:uppercase;position:relative;overflow:hidden;}
.help-toggle:hover{background:rgba(217,70,239,.12);border-color:var(--cr);}
.help-toggle.pulsing{animation:help-pulse 1.8s ease-in-out infinite;}
@keyframes help-pulse{0%,100%{box-shadow:0 0 0 0 rgba(217,70,239,.4);border-color:rgba(217,70,239,.5);}50%{box-shadow:0 0 0 8px rgba(217,70,239,0);border-color:rgba(217,70,239,.8);}}
.help-toggle.open{animation:none;background:rgba(217,70,239,.1);border-color:var(--cr);}
[data-theme="light"] .help-toggle{color:#7c3aed;background:rgba(124,58,237,.07);border-color:rgba(124,58,237,.3);}
[data-theme="light"] .help-toggle.pulsing{animation:help-pulse-light 1.8s ease-in-out infinite;}
@keyframes help-pulse-light{0%,100%{box-shadow:0 0 0 0 rgba(124,58,237,.3);border-color:rgba(124,58,237,.4);}50%{box-shadow:0 0 0 8px rgba(124,58,237,0);border-color:rgba(124,58,237,.7);}}
[data-theme="light"] .help-toggle:hover{background:rgba(124,58,237,.1);}
.help-chevron{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .3s;flex-shrink:0;}
.help-toggle.open .help-chevron{transform:rotate(180deg);}
.help-body{overflow:hidden;max-height:0;}
.help-body.open{max-height:none;}
.help-inner{padding:.9rem 0 .2rem;display:flex;flex-direction:column;gap:.6rem;}
.help-case{display:flex;gap:.8rem;align-items:flex-start;padding:.9rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:.7rem;}
[data-theme="light"] .help-case{background:rgba(255,255,255,.55);}
.help-case-icon{flex-shrink:0;width:28px;height:28px;border-radius:.35rem;display:flex;align-items:center;justify-content:center;font-size:.85rem;background:rgba(124,58,237,.1);}
.help-case-title{font-family:'Unbounded','Arial Black',Arial,sans-serif;font-size:.75rem;font-weight:700;margin-bottom:.25rem;color:var(--ink);}
.help-case-text{font-size:.82rem;font-weight:500;color:var(--ink);opacity:.72;line-height:1.55;}
.help-case-text strong{opacity:1;}
[data-theme="light"] .help-case-text{opacity:.85;}
/* Кнопка «Добавить вручную» */
.btn-manual{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem;font-family:'Unbounded','Arial Black',Arial,sans-serif;font-size:.72rem;font-weight:600;color:var(--ink);background:rgba(255,255,255,.03);border:1px solid rgba(124,58,237,.25);border-radius:.7rem;cursor:pointer;transition:all .25s;margin-top:.4rem;text-decoration:none;}
.btn-manual:hover{border-color:var(--cr);background:rgba(217,70,239,.06);color:var(--ink);}
[data-theme="light"] .btn-manual{color:#3b3558;background:rgba(255,255,255,.5);}
/* Proxy details для ручного добавления */
.proxy-details{width:100%;background:var(--card);border:1px solid var(--border);border-radius:.7rem;padding:1rem;margin-top:.6rem;}
.proxy-details.show{display:block;}
[data-theme="light"] .proxy-details{background:rgba(255,255,255,.55);}
.pd-row{display:flex;align-items:center;justify-content:space-between;padding:.45rem 0;border-bottom:.5px solid var(--border);}
.pd-row:last-child{border-bottom:none;}
.pd-key{font-family:'JetBrains Mono','Courier New',monospace;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);}
[data-theme="light"] .pd-key{color:rgba(59,53,88,.55);}
.pd-val{font-family:'JetBrains Mono','Courier New',monospace;font-size:.72rem;color:var(--ink);font-weight:500;cursor:pointer;transition:color .2s;}
.pd-val:hover{color:var(--cr);}
[data-theme="light"] .pd-val{color:#3b3558;}
.pd-copy{font-size:.6rem;color:var(--ink3);margin-left:.4rem;transition:color .2s;}


/* ══ VPN ACCESS OVERLAY ══ */
#vpn-overlay{
  position:fixed;inset:0;z-index:9000;
  background:radial-gradient(ellipse at 50% 40%,#1a0a2e 0%,#0d0618 50%,#04030a 100%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;
  font-family:'JetBrains Mono','Courier New',monospace;
}
#vpn-overlay.active{opacity:1;pointer-events:all;}
#vpn-overlay .scan-lines{
  position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,100,.03) 2px,rgba(0,255,100,.03) 4px);
  pointer-events:none;
  animation:scanline-move 8s linear infinite;
}
@keyframes scanline-move{0%{background-position:0 0;}100%{background-position:0 100px;}}
#vpn-overlay .scan-beam{
  position:absolute;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent,rgba(0,255,100,.6),transparent);
  top:0;animation:beam-sweep 1.8s ease-in-out infinite;
}
@keyframes beam-sweep{0%{top:0;opacity:0;}10%{opacity:1;}90%{opacity:.4;}100%{top:100%;opacity:0;}}

#vpn-overlay .ov-content{
  display:flex;flex-direction:column;align-items:center;
  gap:1.2rem;width:90%;max-width:380px;
  position:relative;z-index:2;
}

/* Терминал */
#vpn-overlay .terminal{
  width:100%;background:rgba(0,20,0,.8);
  border:1px solid rgba(0,255,100,.3);border-radius:.5rem;
  padding:1rem 1.2rem;
  font-size:.72rem;line-height:1.8;color:rgba(0,255,100,.85);
  min-height:120px;
}
#vpn-overlay .terminal .line{opacity:0;transform:translateX(-8px);transition:all .2s;}
#vpn-overlay .terminal .line.show{opacity:1;transform:translateX(0);}
#vpn-overlay .terminal .cursor{display:inline-block;width:8px;height:14px;background:rgba(0,255,100,.8);vertical-align:middle;animation:blink .6s step-end infinite;}
@keyframes blink{50%{opacity:0;}}
#vpn-overlay .terminal .ok{color:#22c55e;}
#vpn-overlay .terminal .warn{color:#fbbf24;}
#vpn-overlay .terminal .hi{color:#a855f7;}

/* Прогресс-бар */
#vpn-overlay .prog-wrap{width:100%;background:rgba(0,255,100,.08);border:1px solid rgba(0,255,100,.2);border-radius:2rem;height:6px;overflow:hidden;}
#vpn-overlay .prog-bar{height:100%;width:0%;background:linear-gradient(90deg,#22c55e,#06b6d4);border-radius:2rem;transition:width .15s linear;}

/* Логотип */
#vpn-overlay .ov-logo{
  width:100px;height:100px;opacity:0;transform:scale(.3);
  transition:all .6s cubic-bezier(.16,1,.3,1);
  filter:drop-shadow(0 0 30px rgba(0,255,100,.8)) drop-shadow(0 0 60px rgba(124,58,237,.6));
}
#vpn-overlay .ov-logo.show{opacity:1;transform:scale(1);}
#vpn-overlay .ov-logo.glitch{animation:ov-glitch .5s steps(1) forwards;}
@keyframes ov-glitch{
  0%{filter:drop-shadow(0 0 30px rgba(0,255,100,.8));clip-path:none;}
  15%{clip-path:inset(10% 0 80% 0);transform:translate(-6px,0) skewX(-5deg) scale(1);filter:drop-shadow(6px 0 0 rgba(0,255,255,1)) drop-shadow(-6px 0 0 rgba(255,0,100,1));}
  30%{clip-path:inset(60% 0 15% 0);transform:translate(6px,0) skewX(5deg) scale(1);}
  45%{clip-path:none;transform:scale(1.08);filter:drop-shadow(0 0 50px rgba(0,255,100,1)) drop-shadow(0 0 30px rgba(217,70,239,1));}
  60%{clip-path:inset(30% 0 40% 0);transform:translate(-3px,0) scale(1);}
  75%{clip-path:none;filter:drop-shadow(0 0 30px rgba(0,255,100,.8));}
  100%{clip-path:none;transform:scale(1);filter:drop-shadow(0 0 20px rgba(0,255,100,.6)) drop-shadow(0 0 40px rgba(124,58,237,.5));}
}

/* ACCESS GRANTED */
#vpn-overlay .access-text{
  font-family:'Unbounded','Arial Black',Arial,sans-serif;
  font-size:clamp(1.9rem,8vw,3rem);font-weight:900;
  letter-spacing:.1em;
  opacity:0;transform:scale(.8);
  transition:all .4s cubic-bezier(.16,1,.3,1);
  text-shadow:0 0 20px rgba(34,197,94,.8),0 0 60px rgba(34,197,94,.4);
  color:#22c55e;
}
#vpn-overlay .access-text.show{opacity:1;transform:scale(1);}
#vpn-overlay .access-text .sub{
  display:block;font-size:.5em;letter-spacing:.2em;
  color:rgba(34,197,94,.6);margin-top:.3rem;font-weight:400;
}


/* ══ STARTUP INTRO ══ */
#startup-intro{
  position:fixed;inset:0;z-index:9999;
  background:#000;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-family:'JetBrains Mono','Courier New',monospace;
  overflow:hidden;
}
#startup-intro .si-scanlines{
  position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,100,.025) 2px,rgba(0,255,100,.025) 4px);
}
#startup-intro .si-beam{
  position:absolute;left:0;right:0;height:4px;top:0;
  background:linear-gradient(90deg,transparent,rgba(0,255,100,.4),rgba(167,85,247,.5),rgba(0,255,100,.4),transparent);
  animation:si-beam 1.8s ease-in-out 1;
}
@keyframes si-beam{0%{top:0;opacity:0;}10%{opacity:1;}90%{opacity:.5;}100%{top:100%;opacity:0;}}

/* Матричный дождь */
#si-matrix{position:absolute;inset:0;opacity:.18;}

/* Центральный блок */
#startup-intro .si-center{
  position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:1.4rem;
  width:90%;max-width:360px;
}

/* Статус строки */
#startup-intro .si-status{
  width:100%;font-size:.7rem;color:rgba(0,255,100,.7);
  line-height:1.9;min-height:110px;
}
#startup-intro .si-status .sl{
  opacity:0;transform:translateX(-6px);
  transition:opacity .25s,transform .25s;
  display:block;
}
#startup-intro .si-status .sl.on{opacity:1;transform:translateX(0);}
#startup-intro .si-status .ok{color:#22c55e;font-weight:700;}
#startup-intro .si-status .dim{color:rgba(0,255,100,.4);}
#startup-intro .si-status .hl{color:#a855f7;}

/* Логотип */
#startup-intro .si-logo{
  width:110px;height:110px;
  opacity:0;transform:scale(.2) rotate(-10deg);
  transition:all .7s cubic-bezier(.16,1,.3,1);
  filter:drop-shadow(0 0 24px rgba(0,255,100,.7)) drop-shadow(0 0 50px rgba(124,58,237,.5));
}
#startup-intro .si-logo.on{opacity:1;transform:scale(1) rotate(0deg);}
#startup-intro .si-logo.glitch{animation:si-glitch .6s steps(1) forwards;}
@keyframes si-glitch{
  0%{filter:drop-shadow(0 0 24px rgba(0,255,100,.7));}
  12%{clip-path:inset(5% 0 85% 0);transform:translate(-8px,0) skewX(-6deg) scale(1);filter:drop-shadow(8px 0 0 rgba(0,255,255,1)) drop-shadow(-8px 0 0 rgba(255,0,100,1));}
  24%{clip-path:inset(70% 0 10% 0);transform:translate(8px,0) skewX(6deg) scale(1);}
  36%{clip-path:none;transform:scale(1.1);filter:drop-shadow(0 0 60px rgba(0,255,100,1)) drop-shadow(0 0 40px rgba(217,70,239,1));}
  48%{clip-path:inset(40% 0 35% 0);transform:translate(-4px,0);}
  60%{clip-path:none;transform:scale(1);}
  72%{clip-path:inset(2% 0 92% 0);transform:translate(10px,0) skewX(8deg);}
  84%{clip-path:none;}
  100%{clip-path:none;transform:scale(1);filter:drop-shadow(0 0 20px rgba(124,58,237,.6));}
}

/* Название бренда */
#startup-intro .si-brand{
  font-family:'Unbounded','Arial Black',Arial,sans-serif;
  font-size:1.6rem;font-weight:900;letter-spacing:.08em;
  opacity:0;transition:opacity .4s;
  background:linear-gradient(135deg,#d946ef,#7c3aed,#06b6d4);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
#startup-intro .si-brand.on{opacity:1;}

/* Нижний статус */
#startup-intro .si-bottom{
  font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(0,255,100,.5);opacity:0;transition:opacity .3s;
  text-align:center;
}
#startup-intro .si-bottom.on{opacity:1;}
#startup-intro .si-bottom .dot{
  display:inline-block;width:6px;height:6px;border-radius:50%;
  background:#22c55e;box-shadow:0 0 8px #22c55e;
  margin-right:.4rem;vertical-align:middle;
  animation:dot-p 1s ease-in-out infinite;
}
@keyframes dot-p{50%{opacity:.2;}}


/* Медленная scan-полоса */
#vpn-overlay .slow-scan{
  position:absolute;left:0;right:0;
  height:120px;
  background:linear-gradient(180deg,
    transparent 0%,
    rgba(124,58,237,.06) 30%,
    rgba(167,85,247,.12) 50%,
    rgba(124,58,237,.06) 70%,
    transparent 100%
  );
  top:-120px;
  animation:slow-scan-move 3s linear infinite;
  pointer-events:none;
}
@keyframes slow-scan-move{
  0%{top:-120px;}
  100%{top:100%;}
}
/* Тонкая яркая линия по центру полосы */
#vpn-overlay .slow-scan::after{
  content:'';position:absolute;
  left:0;right:0;top:50%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(167,85,247,.6),rgba(217,70,239,.8),rgba(167,85,247,.6),transparent);
}
/* Боковые вертикальные полосы — глубина */
#vpn-overlay .side-glow-left{
  position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,transparent,rgba(124,58,237,.4),rgba(217,70,239,.6),rgba(124,58,237,.4),transparent);
  animation:side-glow-pulse 2s ease-in-out infinite;
}
#vpn-overlay .side-glow-right{
  position:absolute;right:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,transparent,rgba(124,58,237,.4),rgba(217,70,239,.6),rgba(124,58,237,.4),transparent);
  animation:side-glow-pulse 2s ease-in-out infinite .5s;
}
@keyframes side-glow-pulse{
  0%,100%{opacity:.4;}
  50%{opacity:1;}
}
/* Угловые акценты */
#vpn-overlay .corner{
  position:absolute;width:20px;height:20px;
}
#vpn-overlay .corner-tl{top:16px;left:16px;border-top:2px solid rgba(217,70,239,.5);border-left:2px solid rgba(217,70,239,.5);}
#vpn-overlay .corner-tr{top:16px;right:16px;border-top:2px solid rgba(217,70,239,.5);border-right:2px solid rgba(217,70,239,.5);}
#vpn-overlay .corner-bl{bottom:16px;left:16px;border-bottom:2px solid rgba(217,70,239,.5);border-left:2px solid rgba(217,70,239,.5);}
#vpn-overlay .corner-br{bottom:16px;right:16px;border-bottom:2px solid rgba(217,70,239,.5);border-right:2px solid rgba(217,70,239,.5);}

/* Fade out */
#startup-intro.fade-out{
  animation:si-fadeout .6s ease forwards;
}
@keyframes si-fadeout{to{opacity:0;transform:scale(1.03);}}

/* Bot fallback */
.bot-fallback{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  margin:4px 0 8px;
}
.bot-fallback-link{
  font-size:.8rem;color:var(--link);opacity:.8;text-decoration:none;
  transition:opacity .2s;
}
.bot-fallback-link:hover{opacity:1;}
.bot-fallback-copy{
  background:none;border:1px solid rgba(255,255,255,.12);border-radius:8px;
  color:var(--muted);font-size:.78rem;padding:6px 14px;cursor:pointer;
  transition:border-color .2s,color .2s;
}
.bot-fallback-copy:hover{border-color:var(--link);color:var(--link);}

/* Warning block */
.warn-block{
  display:flex;gap:12px;align-items:flex-start;
  background:rgba(234,179,8,.08);
  border:1.5px solid rgba(234,179,8,.45);
  border-radius:14px;
  padding:14px 16px;
  margin:20px 0 4px;
  color:#fbbf24;
}
.warn-icon svg{stroke:#fbbf24;}
.warn-title{font-size:.85rem;font-weight:700;letter-spacing:.03em;margin-bottom:4px;color:#fde68a;}
.warn-text{font-size:.8rem;line-height:1.55;opacity:.85;color:#fcd34d;}