:root{--primary: #4f46e5;--secondary: #ec4899;--accent: #8b5cf6;--background: #0f172a;--surface: rgba(255, 255, 255, .1);--text: #f8fafc;--text-muted: #94a3b8}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#09090b,#1e1b4b,#312e81);background-attachment:fixed;color:var(--text);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}#root{width:100%;max-width:1200px;margin:0 auto;padding:2rem;box-sizing:border-box}.glass-card{background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px #00000080;transition:transform .3s ease}.btn{background:linear-gradient(to right,var(--primary),var(--accent));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 15px #4f46e566}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #4f46e599}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.input-field{background:#0003;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.75rem;border-radius:.5rem;width:100%;box-sizing:border-box;font-size:1rem;outline:none;transition:border-color .2s}.input-field:focus{border-color:var(--accent)}.title-gradient{background:linear-gradient(to right,#c084fc,#6366f1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.animate-fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.option-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text);padding:1rem;border-radius:.75rem;text-align:left;cursor:pointer;transition:all .2s;display:flex;align-items:center}.option-btn:hover{background:#ffffff1a;border-color:var(--accent)}.option-btn.selected{background:#6366f133;border-color:var(--primary);box-shadow:0 0 15px #6366f14d}.bg-blobs{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.blob{position:absolute;filter:blur(80px);opacity:.4;animation:float 20s infinite alternate}.blob-1{top:-10%;left:-10%;width:50vw;height:50vw;background:var(--primary)}.blob-2{bottom:-10%;right:-10%;width:50vw;height:50vw;background:var(--secondary);animation-delay:-10s}@keyframes float{0%{transform:translate(0) rotate(0)}to{transform:translate(50px,50px) rotate(20deg)}}