:root{--bg-color: #0d0d12;--card-bg: rgba(22, 22, 30, .7);--primary: #00f2ea;--secondary: #ff0055;--text: #ffffff;--text-muted: #a1a1aa;--glass: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .1);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text);background-color:var(--bg-color)}body{margin:0;min-height:100vh;display:flex;place-items:center;background:radial-gradient(circle at 15% 50%,rgba(0,242,234,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(255,0,85,.08),transparent 25%)}#root{width:100%;padding:2rem;box-sizing:border-box}.glass-panel{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 30px #00000080}.btn-primary{background:linear-gradient(135deg,var(--primary),#00c2bb);color:#000;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 15px #00f2ea66}.input-field{background:#0000004d;border:1px solid var(--border);color:var(--text);padding:.75rem;border-radius:8px;width:100%;box-sizing:border-box;margin-bottom:1rem;transition:border-color .3s}.input-field:focus{outline:none;border-color:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}