:root{--bg-color:#0d0d16;--bg-secondary:#171524;--text-primary:#fff;--text-secondary:#a0a0b0;--accent-color:#7b2cbf;--accent-glow:#7b2cbf66;--accent-hover:#9d4edd;--glass-bg:#17152473;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background:radial-gradient(circle at top center, #1b1833 0%, var(--bg-color) 60%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 10px 40px #00000080}.btn-primary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--accent-color);cursor:pointer;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.btn-primary:hover{background:var(--accent-color);box-shadow:0 0 20px var(--accent-glow);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.input-field{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#0000004d;border-radius:8px;outline:none;padding:12px;transition:all .3s}.input-field:focus{border-color:var(--accent-hover);box-shadow:0 0 10px var(--accent-glow)}