:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--text-main: #f8fafc;--text-muted: #94a3b8;--accent: #10b981;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-main);background-color:var(--bg-dark);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;background:radial-gradient(circle at top right,#1e1b4b,#0f172a);overflow-x:hidden}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;box-shadow:0 25px 50px -12px #00000080;transition:transform .3s ease,box-shadow .3s ease}.glass-card:hover{transform:translateY(-5px);box-shadow:0 35px 60px -15px #6366f133}h1{font-size:3.5rem;line-height:1.1;margin-bottom:1rem;background:linear-gradient(to right,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:-.02em}p{color:var(--text-muted);font-size:1.25rem;margin-bottom:2.5rem}.btn-primary{background:var(--primary);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 15px -3px #6366f166}.btn-primary:hover{background:var(--primary-hover);transform:scale(1.05);box-shadow:0 20px 25px -5px #6366f180}.btn-primary:active{transform:scale(.98)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:4rem}.feature-item{padding:2rem;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.05);text-align:left}.feature-item h3{margin-top:0;color:var(--accent);font-size:1.5rem}.feature-item p{font-size:1rem;margin-bottom:0}