@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap";:root{--bg:#05080f;--bg2:#090e18;--bg3:#0d1526;--bg4:#112033;--glass:#090e18d9;--glass2:#0d1526e6;--border:#ffffff0e;--border2:#3b8fe647;--border3:#3b8fe680;--blue:#3b8fe6;--blue2:#1a6ac7;--blue3:#5ba8f5;--blue-glow:#3b8fe62e;--blue-glow2:#3b8fe614;--muted:#3d5a7a;--muted2:#5a7a9a;--text:#dce8f5;--text2:#7a9ab8;--green:#00e589;--green-dim:#00e58914;--amber:#f5a623;--red:#f05050;--r:16px;--r-sm:10px;--r-lg:22px;--r-xl:28px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100dvh;font-family:Inter,-apple-system,sans-serif;font-size:14px;line-height:1.55;overflow-x:hidden}::-webkit-scrollbar{width:0;height:0}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(90% 60% at 15% 0,#1a6ac724 0%,#0000 55%),radial-gradient(70% 50% at 85% 100%,#3b8fe617 0%,#0000 55%),radial-gradient(50% 30%,#3b8fe60a 0%,#0000 70%);position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;position:fixed;inset:0}#root{z-index:1;position:relative}.title{color:var(--text);letter-spacing:-.4px;font-family:Syne,sans-serif;font-size:19px;font-weight:700}.subtitle{color:var(--muted2);font-size:12px;line-height:1.45}.label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:10px;font-family:Syne,sans-serif;font-size:10px;font-weight:600}.mono{font-family:JetBrains Mono,SF Mono,monospace;font-size:11px}.card{background:var(--glass);-webkit-backdrop-filter:blur(24px);border:.5px solid var(--border);border-radius:var(--r);padding:15px;transition:border-color .2s,box-shadow .2s}.card.accent{background:var(--glass2);border-color:var(--border2);box-shadow:0 0 32px var(--blue-glow2), inset 0 .5px 0 #ffffff12}.card.success{background:#00e5890d;border-color:#00e5892e}.card.interactive{cursor:pointer}.card.interactive:active{transform:scale(.985)}.btn-primary{cursor:pointer;border-radius:var(--r);color:#fff;letter-spacing:-.1px;background:linear-gradient(135deg,#1558b0 0%,#2272d4 50%,#3b8fe6 100%);border:none;width:100%;padding:15px 20px;font-family:Syne,sans-serif;font-size:15px;font-weight:600;transition:all .22s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 24px #1a6ac761,inset 0 .5px #fff3}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(#ffffff14 0%,#0000 100%);position:absolute;inset:0}.btn-primary:active{transform:scale(.97);box-shadow:0 2px 12px #1a6ac740}.btn-primary:disabled{opacity:.38;cursor:not-allowed;box-shadow:none;transform:none}.btn-outline{cursor:pointer;border:.5px solid var(--border2);border-radius:var(--r);width:100%;color:var(--blue3);background:#3b8fe60d;padding:13px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.btn-outline:active{background:#3b8fe61a;transform:scale(.98)}.btn-ghost{cursor:pointer;color:var(--muted2);background:0 0;border:none;padding:6px 10px;font-size:13px;transition:color .15s}.btn-ghost:active{color:var(--blue3)}.input{border:.5px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text);background:#090e18e6;outline:none;padding:13px 15px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b8fe61a}.input::placeholder{color:var(--muted)}.pill{letter-spacing:.02em;border-radius:100px;align-items:center;gap:5px;padding:4px 11px;font-family:Syne,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.pill.green{background:var(--green-dim);color:var(--green);border:.5px solid #00e58938}.pill.blue{background:var(--blue-glow2);border:.5px solid var(--border2);color:var(--blue3)}.pill.amber{color:var(--amber);background:#f5a62314;border:.5px solid #f5a62338}.pill.red{color:var(--red);background:#f0505014;border:.5px solid #f0505038}.dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.dot.green{background:var(--green);box-shadow:0 0 8px var(--green);animation:2.5s infinite pulse}.dot.amber{background:var(--amber)}.dot.red{background:var(--red)}@keyframes pulse{0%,to{box-shadow:0 0 #00e58980}50%{box-shadow:0 0 0 5px #00e58900}}.divider{background:var(--border);height:.5px;margin:14px 0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #3b8fe61f;border-top-color:var(--blue);border-radius:50%;width:28px;height:28px;margin:0 auto;animation:.75s linear infinite spin}.vless-box{border:.5px solid var(--border2);border-radius:var(--r-sm);background:#05080fe6;padding:11px 13px}.vless-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px;font-size:9px;font-weight:600}.vless-link{color:var(--blue3);word-break:break-all;font-family:JetBrains Mono,SF Mono,monospace;font-size:10px;line-height:1.6}.bubble-user{color:#fff;background:linear-gradient(135deg,#1558b0,#3b8fe6);border-radius:18px 18px 4px;align-self:flex-end;max-width:78%;padding:10px 14px;font-size:13px;line-height:1.5;box-shadow:0 3px 14px #1a6ac752}.bubble-support{background:var(--glass2);border:.5px solid var(--border);max-width:78%;color:var(--text);border-radius:18px 18px 18px 4px;align-self:flex-start;padding:10px 14px;font-size:13px;line-height:1.5}.row-item{background:var(--glass);border:.5px solid var(--border);border-radius:var(--r);cursor:pointer;align-items:center;gap:14px;margin-bottom:8px;padding:14px 16px;transition:border-color .18s,background .18s,transform .15s;display:flex}.row-item:active{border-color:var(--border2);background:var(--glass2);transform:scale(.99)}.nav-bar{-webkit-backdrop-filter:blur(28px);border-top:.5px solid var(--border);background:#05080fe0}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.anim-fadeup{animation:.32s cubic-bezier(.16,1,.3,1) both fadeUp}.anim-fadein{animation:.25s both fadeIn}.anim-slidein{animation:.28s cubic-bezier(.16,1,.3,1) both slideIn}.anim-scalein{animation:.28s cubic-bezier(.16,1,.3,1) both scaleIn}.step-enter{animation:.28s cubic-bezier(.16,1,.3,1) both slideIn}.d1{animation-delay:50ms}.d2{animation-delay:.1s}.d3{animation-delay:.15s}.d4{animation-delay:.2s}.d5{animation-delay:.25s}.hero-card{border:.5px solid var(--border2);border-radius:var(--r-xl);background:linear-gradient(145deg,#0d1526fa 0%,#090e18fa 100%);position:relative;overflow:hidden;box-shadow:0 8px 40px #1a6ac71a,inset 0 .5px #ffffff0f}.hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b8fe61a 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-60px;right:-60px}.icon-box{background:linear-gradient(135deg,#1a6ac740 0%,#3b8fe61f 100%);border:.5px solid #3b8fe633;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg, var(--bg3) 25%, var(--bg4) 50%, var(--bg3) 75%);background-size:200% 100%;border-radius:8px;animation:1.6s infinite shimmer}