@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--bg-primary:#0a0d14;--bg-secondary:#121824;--glass-bg:#1a2332a6;--glass-border:#ffffff14;--glass-highlight:#ffffff26;--accent-primary:#3b82f6;--accent-glow:#3b82f659;--accent-hover:#2563eb;--success-color:#10b981;--success-glow:#10b98159;--warning-color:#f59e0b;--danger-color:#ef4444;--danger-glow:#ef444466;--danger-hover:#dc2626;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dark:#1e293b;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-main);background-image:radial-gradient(circle at 15%,#3b82f61f,#0000 40%),radial-gradient(circle at 85% 30%,#10b98114,#0000 40%),radial-gradient(circle at 50% 80%,#8b5cf614,#0000 50%);background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}#root{justify-content:center;align-items:center;width:100%;max-width:100vw;min-height:100vh;padding:1rem;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a}.glass-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translateY(-2px)}@keyframes pulse-glow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes ripple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-pulse{animation:2s ease-in-out infinite pulse-glow}.animate-float{animation:4s ease-in-out infinite float}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}h1,h2,h3,h4,h5{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}button{cursor:pointer;font-family:var(--font-body);-webkit-user-select:none;user-select:none;border:none;outline:none;transition:all .2s}button:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-hover));color:#fff;box-shadow:0 4px 15px var(--accent-glow);border-radius:12px;padding:.75rem 1.5rem;font-weight:500}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 20px #3b82f680}.btn-danger{background:linear-gradient(135deg, var(--danger-color), var(--danger-hover));color:#fff;box-shadow:0 4px 15px var(--danger-glow);border-radius:12px;padding:.75rem 1.5rem;font-weight:500}.btn-danger:hover{filter:brightness(1.1);box-shadow:0 6px 20px #ef444499}.btn-success{background:linear-gradient(135deg, var(--success-color), #059669);color:#fff;box-shadow:0 4px 15px var(--success-glow);border-radius:12px;padding:.75rem 1.5rem;font-weight:500}.btn-success:hover{filter:brightness(1.1);box-shadow:0 6px 20px #10b98180}.status-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.status-dot.registered{background-color:var(--success-color);box-shadow:0 0 10px var(--success-color)}.status-dot.connecting{background-color:var(--warning-color);box-shadow:0 0 10px var(--warning-color)}.status-dot.unregistered,.status-dot.error{background-color:var(--danger-color);box-shadow:0 0 10px var(--danger-color)}