@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg:#0a0e1a;--bg2:#0f1422;--bg3:#141926;--bg4:#1a2035;--blue:#4da6ff;--blue2:#2b8cff;--blue3:#1a6ee0;--muted:#3a4a6a;--muted2:#5a6a8a;--text:#fff;--text2:#8a9ab8;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;--r:14px;--r-sm:10px;--r-lg:20px}*,: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.5}::-webkit-scrollbar{width:0;height:0}#root{position:relative}.title{color:#fff;letter-spacing:-.5px;font-size:20px;font-weight:800}.subtitle{color:var(--text2);font-size:13px;line-height:1.4}.label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted2);margin-bottom:10px;font-size:11px;font-weight:600}.card{background:var(--bg3);border-radius:var(--r);border:1px solid #ffffff0f;padding:16px}.card.accent{background:var(--bg4);border-color:#4da6ff33}.card.success{background:#22c55e14;border-color:#22c55e33}.card.interactive{cursor:pointer;transition:all .15s}.btn-primary{cursor:pointer;background:var(--blue2);border-radius:var(--r);color:#fff;letter-spacing:-.2px;border:none;width:100%;padding:16px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;transition:all .15s}.btn-primary:active{background:var(--blue3);transform:scale(.98)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-outline{cursor:pointer;border:1.5px solid var(--blue2);border-radius:var(--r);width:100%;color:var(--blue);background:0 0;padding:15px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:all .15s}.btn-outline:active{background:#2b8cff1a}.btn-ghost{cursor:pointer;color:var(--muted2);background:0 0;border:none;padding:6px 10px;font-size:13px;transition:color .15s}.input{background:var(--bg3);border-radius:var(--r-sm);color:#fff;border:1px solid #ffffff14;outline:none;width:100%;padding:13px 15px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s}.input:focus{border-color:var(--blue2)}.input::placeholder{color:var(--muted)}.pill{letter-spacing:.02em;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:#22c55e1a;border:1px solid #22c55e33}.pill.blue{color:var(--blue);background:#4da6ff1a;border:1px solid #4da6ff33}.pill.amber{color:var(--amber);background:#f59e0b1a;border:1px solid #f59e0b33}.pill.red{color:var(--red);background:#ef44441a;border:1px solid #ef444433}.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 #22c55e80}50%{box-shadow:0 0 0 5px #22c55e00}}.divider{background:#ffffff0f;height:1px;margin:12px 0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #4da6ff26;border-top-color:var(--blue);border-radius:50%;width:28px;height:28px;margin:0 auto;animation:.75s linear infinite spin}.vless-box{border-radius:var(--r-sm);background:#0006;border:1px solid #4da6ff26;padding:12px}.vless-label{color:var(--muted2);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(--bg3);border-radius:var(--r);cursor:pointer;border:1px solid #ffffff0f;align-items:center;gap:14px;margin-bottom:8px;padding:16px;transition:all .15s;display:flex}.row-item:active{background:var(--bg4);border-color:#4da6ff66}.nav-bar{background:var(--bg2);border-top:1px solid #ffffff0f}.bubble-user{background:var(--blue2);color:#fff;border-radius:18px 18px 4px;align-self:flex-end;max-width:78%;padding:10px 14px;font-size:13px;line-height:1.5}.bubble-support{background:var(--bg3);color:#fff;border:1px solid #ffffff0f;border-radius:18px 18px 18px 4px;align-self:flex-start;max-width:78%;padding:10px 14px;font-size:13px;line-height:1.5}@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 logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.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}@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}@keyframes pageIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pageOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.page-enter{animation:.35s cubic-bezier(.16,1,.3,1) both pageIn}.btn-primary{position:relative;overflow:hidden}.btn-primary:before{content:"";pointer-events:none;background:linear-gradient(#ffffff1f 0%,#0000 100%);position:absolute;inset:0}.btn-primary:not(:disabled):active:after{content:"";background:#ffffff1a;animation:.4s ripple;position:absolute;inset:0}@keyframes ripple{0%{opacity:1}to{opacity:0;transform:scale(2)}}.card.interactive{transition:border-color .2s,transform .15s,box-shadow .2s}.card.interactive:hover{border-color:#4da6ff40;box-shadow:0 4px 20px #0003}.card.interactive:active{border-color:#4da6ff66;transform:scale(.978)}.row-item{transition:border-color .18s,background .18s,transform .15s}.row-item:hover{background:#1a2035e6;border-color:#4da6ff40}.row-item:active{border-color:#4da6ff73;transform:scale(.985)}.nav-bar a[aria-current=page]>div:first-child,.nav-bar .active>div:first-child{position:relative}.nav-bar a[aria-current=page]>div:first-child:after{content:"";borderRadius:50%;background:#4da6ff;width:4px;height:4px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.pill.green{box-shadow:0 0 12px #22c55e26}.dot.green{box-shadow:0 0 8px #22c55e99}@keyframes stepPulse{0%,to{box-shadow:0 0 #2b8cff66}50%{box-shadow:0 0 0 6px #2b8cff00}}.step-active{animation:2s infinite stepPulse}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.sheet-enter{animation:.3s cubic-bezier(.16,1,.3,1) both slideUp}@keyframes balanceFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes bannerFade{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.banner-slide{animation:.5s cubic-bezier(.16,1,.3,1) both bannerFade}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#141926 25%,#1a2035 50%,#141926 75%) 0 0/200% 100%;border-radius:8px;animation:1.4s infinite skeletonShimmer}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}.progress-bar{animation:1.5s ease-in-out infinite progressPulse}.input{transition:border-color .2s,box-shadow .2s}.input:focus{border-color:#2b8cff99;box-shadow:0 0 0 3px #2b8cff14}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.bubble-user,.bubble-support{animation:.22s cubic-bezier(.16,1,.3,1) both bubbleIn}@keyframes checkDraw{0%{stroke-dashoffset:30px;opacity:0}to{stroke-dashoffset:0;opacity:1}}.check-anim{stroke-dasharray:30;animation:.5s cubic-bezier(.16,1,.3,1) .2s both checkDraw}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.balance-anim{animation:.4s cubic-bezier(.16,1,.3,1) both countUp}.d1{animation-delay:50ms}.d2{animation-delay:.1s}.d3{animation-delay:.15s}.d4{animation-delay:.2s}.d5{animation-delay:.25s}.d6{animation-delay:.3s}.d7{animation-delay:.35s}.d8{animation-delay:.4s}.glass-overlay{-webkit-backdrop-filter:blur(20px);background:#0a0e1acc}.neon-border{border-color:#4da6ff66!important;box-shadow:0 0 0 1px #4da6ff1a,0 4px 20px #2b8cff1a!important}.nav-bar a{transition:opacity .2s;position:relative}.btn-outline{transition:all .2s;position:relative;overflow:hidden}.btn-outline:before{content:"";background:linear-gradient(90deg,#0000,#4da6ff14,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.btn-outline:hover:before{left:100%}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(80% 40% at 20% 0,#2b8cff0f 0%,#0000 60%),radial-gradient(60% 30% at 80% 100%,#2b8cff0a 0%,#0000 60%);position:fixed;inset:0}#root{z-index:1;position:relative}