:root{--bg: #0a0a0a;--surface: #131313;--surface-2: #1c1c1c;--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.14);--text: #ffffff;--text-muted: #9ca3af;--text-dim: #6b7280;--primary: #8b5cf6;--primary-2: #a78bfa;--accent-orange: #f59e0b;--accent-green: #22c55e;--cloud: #38bdf8;--cloud-2: #0ea5e9}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}html,body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}body{background-image:radial-gradient(at 12% 0%,rgba(139,92,246,.1),transparent 55%),radial-gradient(at 88% 100%,rgba(34,197,94,.05),transparent 55%);background-attachment:fixed;min-height:100vh;display:flex;flex-direction:column}.mono{font-family:JetBrains Mono,monospace}a{color:inherit;text-decoration:none}.avatar-t{background:linear-gradient(135deg,#8b5cf6,#a78bfa,#c4b5fd);box-shadow:0 4px 14px #8b5cf666;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;font-size:20px}header{border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30;backdrop-filter:blur(12px);background:#0a0a0ab3}.header-inner{max-width:1100px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:12px}.header-title{font-weight:700;font-size:16px;line-height:1.2}.header-sub{color:var(--text-dim);font-size:13px;line-height:1.2}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;line-height:1}.badge-live{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.35)}.dot-pulse{width:6px;height:6px;border-radius:50%;background:#ef4444;animation:pulse 1.6s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.25)}}main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px}.hero{width:100%;max-width:640px;text-align:center}.brand-mark{width:76px;height:76px;border-radius:20px;margin:0 auto 22px;background:linear-gradient(135deg,#8b5cf6,#a78bfa,#c4b5fd);box-shadow:0 10px 34px #8b5cf673;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;font-size:34px}.eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:#c4b5fd;margin-bottom:12px}h1{font-size:38px;font-weight:900;line-height:1.08;margin-bottom:8px;letter-spacing:-.02em}h1 .grad{background:linear-gradient(120deg,#a78bfa,#c4b5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lead{font-size:16px;color:var(--text-muted);line-height:1.6;max-width:500px;margin:0 auto 22px}.lead b{color:#fff}.promise{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.promise span{font-size:12.5px;color:var(--text-muted);background:#ffffff0a;border:1px solid var(--border);border-radius:999px;padding:7px 14px;display:flex;align-items:center;gap:7px}.promise span .c{color:#4ade80;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:26px 26px 24px;text-align:left;box-shadow:0 18px 50px #0006}.gate-head{display:flex;align-items:center;gap:11px;margin-bottom:16px}.gate-head .lock-ic{width:38px;height:38px;border-radius:11px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.3);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.gate-head .gt{font-size:15px;font-weight:800}.gate-head .gs{font-size:12.5px;color:var(--text-dim)}.pw-row{display:flex;gap:10px}.pw-input{flex:1;background:#00000059;border:1.5px solid var(--border-strong);border-radius:11px;padding:14px 16px;font-size:15px;color:#fff;font-family:JetBrains Mono,monospace;letter-spacing:.08em;transition:border-color .18s,box-shadow .18s;outline:none}.pw-input::placeholder{color:var(--text-dim);letter-spacing:0;font-family:Inter,sans-serif}.pw-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #8b5cf629}.pw-input.err{border-color:#ef4444;box-shadow:0 0 0 4px #ef444429;animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.btn-enter{flex-shrink:0;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-weight:700;font-size:15px;padding:0 22px;border-radius:11px;border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:all .18s;box-shadow:0 6px 20px #8b5cf64d}.btn-enter:hover{transform:translateY(-1px);box-shadow:0 10px 28px #8b5cf673}.pw-msg{font-size:12px;margin-top:10px;min-height:16px}.pw-msg.bad{color:#fca5a5}.pw-hint{font-size:11.5px;color:var(--text-dim);margin-top:14px;display:flex;align-items:center;gap:7px}.pw-hint .demo{font-family:JetBrains Mono,monospace;color:#fcd34d;background:#f59e0b1a;border:1px solid rgba(245,158,11,.22);padding:1px 7px;border-radius:5px}#setup{display:none}#setup.show{display:block;animation:rise .5s cubic-bezier(.2,.8,.3,1)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.welcome-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#4ade80;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:999px;padding:8px 16px;margin-bottom:18px}.setup-q{font-size:22px;font-weight:800;margin-bottom:6px}.setup-sub{font-size:14px;color:var(--text-muted);margin-bottom:22px;line-height:1.55}.paths{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left}.path{background:var(--surface);border:1.5px solid var(--border);border-radius:16px;padding:20px 18px;cursor:pointer;transition:all .18s;position:relative}.path:hover{border-color:var(--border-strong);background:#181818}.path .pic{font-size:30px;margin-bottom:12px;display:block}.path .pt{font-size:15.5px;font-weight:800;margin-bottom:5px}.path .pd{font-size:12.5px;color:var(--text-muted);line-height:1.5}.path .steps-chip{display:inline-flex;align-items:center;gap:6px;margin-top:13px;font-size:11px;font-weight:700;padding:5px 11px;border-radius:999px;background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted)}.path .tick{position:absolute;top:14px;right:14px;width:24px;height:24px;border-radius:50%;border:2px solid #3a3a3a;display:flex;align-items:center;justify-content:center;transition:all .18s}.path.sel{border-color:var(--primary);background:#8b5cf60f;box-shadow:0 0 0 1px #8b5cf640,0 12px 30px #8b5cf61f}.path.sel .tick{background:var(--primary);border-color:var(--primary)}.path.sel .tick:after{content:"";width:5px;height:9px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) translateY(-1px)}.path.vps.sel{border-color:var(--cloud);background:#38bdf80f;box-shadow:0 0 0 1px #38bdf840,0 12px 30px #38bdf81f}.path.vps.sel .tick{background:var(--cloud-2);border-color:var(--cloud-2)}.path.vps.sel .steps-chip{background:#38bdf81a;border-color:#38bdf84d;color:#7dd3fc}.path.pc.sel .steps-chip{background:#8b5cf61f;border-color:#8b5cf64d;color:#c4b5fd}.preview{margin-top:22px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px;text-align:left}.preview .pl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);margin-bottom:13px;display:flex;align-items:center;gap:8px}.preview .pl b{color:#c4b5fd}.jtrack{display:flex;align-items:center;overflow-x:auto;padding-bottom:4px}.jstep{display:flex;align-items:center;gap:8px;flex-shrink:0}.jstep.hidden{display:none}.jdot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;flex-shrink:0;border:1.5px solid var(--border-strong);color:var(--text-muted);background:#0000004d}.jstep.first .jdot{background:var(--primary);border-color:var(--primary);color:#fff}.jstep.last .jdot{background:#22c55e26;border-color:var(--accent-green);color:#4ade80}.jlabel{font-size:10.5px;color:var(--text-dim);white-space:nowrap}.jline{width:16px;height:1.5px;background:var(--border);margin:0 5px;flex-shrink:0}.jline.hidden{display:none}.start-row{margin-top:22px}.btn-start{width:100%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:800;padding:17px;border-radius:13px;border:1px solid rgba(255,255,255,.12);font-size:15.5px;cursor:pointer;transition:all .18s;box-shadow:0 6px 22px #22c55e4d;display:flex;align-items:center;justify-content:center;gap:9px}.btn-start:hover{transform:translateY(-1px);box-shadow:0 12px 30px #22c55e73}.change-note{font-size:11.5px;color:var(--text-dim);margin-top:12px;display:flex;align-items:center;justify-content:center;gap:6px}footer{padding:24px;text-align:center}footer .f{font-size:11px;color:var(--text-dim)}.confetti{position:fixed;top:-10px;width:9px;height:14px;z-index:150;pointer-events:none;border-radius:2px}@keyframes fall{to{transform:translateY(105vh) rotate(720deg);opacity:.2}}@media(max-width:560px){h1{font-size:30px}.paths{grid-template-columns:1fr}.pw-row{flex-direction:column}.btn-enter{padding:13px}}