@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg:#060608;--bg-card:#0e0e12;--bg-hover:#141418;--border:#ffffff12;--border-hi:#ffffff24;--blue:#3b82f6;--purple:#8b5cf6;--green:#10b981;--red:#ef4444;--muted:#52525b;--sub:#a1a1aa;--text:#f4f4f5;--grad:linear-gradient(135deg, #3b82f6, #8b5cf6)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow-x:hidden}.wrap{max-width:1100px;margin:0 auto;padding:0 24px}.wrap-sm{max-width:480px;margin:0 auto;padding:0 24px}.grad-text{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;transition:border-color .2s,background .2s}.card:hover{border-color:var(--border-hi);background:var(--bg-hover)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-blue{background:var(--grad);color:#fff;box-shadow:0 4px 20px #3b82f640}.btn-blue:hover{transform:translateY(-1px);box-shadow:0 8px 28px #3b82f666}.btn-blue:active{transform:translateY(0)}.btn-outline{color:var(--sub);border:1px solid var(--border-hi);background:0 0}.btn-outline:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-hi)}.btn-ghost{color:var(--sub);background:0 0;border:none}.btn-ghost:hover{color:var(--text)}.btn-sm{border-radius:8px;padding:8px 18px;font-size:13px}.btn-lg{border-radius:12px;padding:14px 36px;font-size:15px}.btn-full{justify-content:center;width:100%}.field{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;outline:none;padding:12px 16px 12px 44px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.field::placeholder{color:var(--muted)}.field:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.field-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.badge{letter-spacing:.8px;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.badge-blue{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633}.badge-green{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.badge-purple{color:#a78bfa;background:#8b5cf61a;border:1px solid #8b5cf633}.divider{background:var(--border);height:1px}.alert{border-radius:10px;padding:12px 16px;font-size:13px;font-weight:500}.alert-red{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433}.alert-green{color:#6ee7b7;background:#10b9811a;border:1px solid #10b98133}.spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.6s both fade-up}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#27272a;border-radius:4px}:focus{outline:none}:focus-visible{outline-offset:2px;outline:2px solid #3b82f680}@media (width<=768px){.wrap{padding:0 16px}.hide-sm{display:none!important}}