:root{--bg-color: #0f0c29;--bg-gradient: linear-gradient(to right, #0f0c29, #302b63, #24243e);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--primary-accent: #d946ef;--secondary-accent: #8b5cf6;--text-main: #f3f4f6;--text-muted: #9ca3af;--font-family: "Inter", sans-serif}body{margin:0;font-family:var(--font-family);background:var(--bg-gradient);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0000005e;padding:2rem;transition:transform .3s ease}.glass-panel:hover{border-color:#ffffff26}.gradient-text{background:linear-gradient(to right,var(--primary-accent),var(--secondary-accent));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.btn-primary{background:linear-gradient(135deg,var(--secondary-accent),var(--primary-accent));border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}input.input-field{width:100%;max-width:600px;padding:1rem 1.5rem;background:#0003;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:1rem;outline:none;transition:border-color .3s}input.input-field:focus{border-color:var(--secondary-accent)}