@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#0d1b2e;--bg2:#0f2035;--bg3:#132540;--bg4:#1a2f4e;--card:#132540;--card2:#1a2f4e;--border:#ffffff12;--border2:#4da6ff33;--blue:#4da6ff;--blue2:#2288f0;--text:#e8f4ff;--text2:#6a8ab0;--text3:#3a5a7a;--green:#22e589;--amber:#f0b429;--red:#f05050;--r:14px;--r-sm:10px;--r-lg:20px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100dvh;font-family:Inter,-apple-system,sans-serif;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:0;height:0}#root{z-index:1;position:relative}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(80% 50% at 10% 0,#2288f014 0%,#0000 60%),radial-gradient(60% 40% at 90% 100%,#4da6ff0d 0%,#0000 60%);position:fixed;inset:0}.title{color:var(--text);letter-spacing:-.4px;font-size:20px;font-weight:800}.subtitle{color:var(--text2);font-size:13px;line-height:1.4}.label{text-transform:uppercase;letter-spacing:.12em;color:var(--text3);margin-bottom:10px;font-size:10px;font-weight:700}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:16px;transition:all .2s}.card.accent{background:var(--card2);border-color:var(--border2)}.card.success{background:#22e5890f;border-color:#22e58926}.card.interactive{cursor:pointer}.card.interactive:hover{background:var(--card2);border-color:#4da6ff26}.card.interactive:active{transform:scale(.985)}.btn-primary{cursor:pointer;color:#fff;letter-spacing:-.2px;background:linear-gradient(135deg,#1a6ed4 0%,#2288f0 50%,#4da6ff 100%);border:none;border-radius:16px;width:100%;padding:16px;font-family:Inter,sans-serif;font-size:15px;font-weight:800;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 4px 20px #2288f04d,inset 0 1px #ffffff26}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(#ffffff14 0%,#0000 50%);position:absolute;inset:0}.btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 28px #2288f073}.btn-primary:not(:disabled):active{transform:scale(.97)}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-outline{cursor:pointer;width:100%;color:var(--blue);background:#4da6ff0d;border:1.5px solid #4da6ff4d;border-radius:16px;padding:15px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:all .2s}.btn-outline:hover{background:#4da6ff1a;transform:translateY(-1px)}.btn-outline:active{transform:scale(.97)}.btn-ghost{cursor:pointer;color:var(--text2);background:0 0;border:none;padding:6px 10px;font-size:13px;transition:color .15s}.btn-ghost:hover{color:var(--blue)}.input{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text);outline:none;padding:13px 15px;font-family:Inter,sans-serif;font-size:14px;transition:all .2s}.input:focus{border-color:#4da6ff66;box-shadow:0 0 0 3px #4da6ff14}.input::placeholder{color:var(--text3)}.pill{border-radius:100px;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.pill.green{color:var(--green);background:#22e5891a;border:1px solid #22e58933}.pill.blue{color:var(--blue);background:#4da6ff1a;border:1px solid #4da6ff33}.pill.amber{color:var(--amber);background:#f0b4291a;border:1px solid #f0b42933}.pill.red{color:var(--red);background:#f050501a;border:1px solid #f0505033}.dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.dot.green{background:var(--green);animation:2.5s infinite pulse;box-shadow:0 0 8px #22e58980}.dot.amber{background:var(--amber)}.dot.red{background:var(--red)}@keyframes pulse{0%,to{box-shadow:0 0 #22e58980}50%{box-shadow:0 0 0 5px #22e58900}}.divider{background:var(--border);height:1px;margin:12px 0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #4da6ff1f;border-top-color:var(--blue);border-radius:50%;width:28px;height:28px;margin:0 auto;animation:.75s linear infinite spin}.vless-box{border:1px solid var(--border2);border-radius:var(--r-sm);background:#0000004d;padding:12px}.vless-label{color:var(--text3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px;font-size:10px;font-weight:600}.vless-link{color:var(--blue);word-break:break-all;font-family:JetBrains Mono,SF Mono,monospace;font-size:10px;line-height:1.6}.row-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;align-items:center;gap:14px;margin-bottom:8px;padding:16px;transition:all .18s;display:flex}.row-item:hover{background:var(--card2);border-color:#4da6ff26}.row-item:active{transform:scale(.985)}.nav-bar{background:var(--bg2);border-top:1px solid var(--border)}.bubble-user{color:#fff;background:linear-gradient(135deg,#1a6ed4,#4da6ff);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 12px #2288f040}.bubble-support{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:18px 18px 18px 4px;align-self:flex-start;max-width:78%;padding:10px 14px;font-size:13px;line-height:1.5}.stars-card{text-align:center;background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:14px;padding:14px 8px;transition:all .2s}.stars-card:hover{border-color:#4da6ff40;transform:translateY(-2px)}.stars-card.active{background:#4da6ff14!important;border-color:#4da6ff80!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bannerFade{0%{opacity:0;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}@keyframes stepPulse{0%,to{box-shadow:0 0 #2288f066}50%{box-shadow:0 0 0 6px #2288f000}}.anim-fadeup{animation:.3s 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:.25s cubic-bezier(.16,1,.3,1) both slideIn}.page-enter{animation:.3s cubic-bezier(.16,1,.3,1) both pageIn}.banner-slide{animation:.5s cubic-bezier(.16,1,.3,1) both bannerFade}.d1{animation-delay:50ms}.d2{animation-delay:.1s}.d3{animation-delay:.15s}.d4{animation-delay:.2s}.d5{animation-delay:.25s}.d6{animation-delay:.3s}