:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0c0d12;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-color: #0c0d12;--card-bg: rgba(255, 255, 255, .05);--accent-color: #6366f1;--accent-secondary: #a855f7;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(15, 23, 42, .6);--glass-border: rgba(255, 255, 255, .08)}body{margin:0;display:flex;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,#1e1b4b,#0c0d12 40%),radial-gradient(circle at bottom right,#312e81,#0c0d12 40%);background-attachment:fixed}#root{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1rem;box-shadow:0 8px 32px #0000005e}.card{padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 12px 40px #00000080}h1,h2,h3{margin:0;color:var(--text-primary);letter-spacing:-.025em}.gradient-text{background:linear-gradient(to right,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}button{cursor:pointer;border-radius:.75rem;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--card-bg);transition:all .2s ease;color:var(--text-primary);display:inline-flex;align-items:center;gap:.5rem}button:hover{background-color:#ffffff1a;border-color:var(--accent-color)}button.primary{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));border:none}button.primary:hover{opacity:.9;transform:scale(1.02)}@media(max-width:768px){#root{padding:1rem}}