:root{--primary: #0f172a;--primary-light: #1e293b;--accent: #f59e0b;--accent-hover: #d97706;--text-main: #f8fafc;--text-muted: #94a3b8;--bg-body: #020617;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-main);background-color:var(--bg-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;justify-content:center}#root{width:100%;max-width:1280px;margin:0 auto;padding:2rem}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:1.25rem;box-shadow:0 8px 32px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-rise:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006;border-color:#f59e0b4d}.btn{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary-light);color:var(--text-main);cursor:pointer;transition:all .25s}.btn:hover{border-color:var(--accent);background-color:var(--primary)}.btn-primary{background-color:var(--accent);color:var(--primary);font-weight:600}.btn-primary:hover{background-color:var(--accent-hover);border-color:transparent}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.grid-cols-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}