:root{--primary: #2563eb;--primary-foreground: #ffffff;--secondary: #f3f4f6;--secondary-foreground: #1f2937;--background: #ffffff;--foreground: #0f172a;--muted: #64748b;--radius: .5rem;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;color-scheme:light}body{margin:0;display:flex;place-items:flex-start;min-width:320px;min-height:100vh;background-color:var(--background);color:var(--foreground)}#root{width:100%}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;letter-spacing:-.025em}p{margin-top:0;color:var(--muted)}a{color:var(--primary);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;transition:all .2s;cursor:pointer;border:none;font-size:1rem}.btn-primary{background-color:var(--primary);color:var(--primary-foreground);box-shadow:0 4px 6px -1px #2563eb33}.btn-primary:hover{background-color:#1d4ed8;transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.btn-secondary:hover{background-color:#e5e7eb}.section{padding:5rem 0}.hero{text-align:center;padding:8rem 0 6rem;background:radial-gradient(circle at top,#eff6ff,#fff)}.hero h1{font-size:3.5rem;margin-bottom:1.5rem;background:linear-gradient(to right,#1e40af,#3b82f6);-webkit-background-clip:text;color:transparent}.hero p{font-size:1.25rem;max-width:600px;margin:0 auto 2.5rem}.features{background-color:#f8fafc}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000000d;transition:transform .2s}.feature-card:hover{transform:translateY(-5px)}.footer{padding:3rem 0;text-align:center;border-top:1px solid #e2e8f0}.footer-links{margin-top:1rem;display:flex;justify-content:center;gap:2rem}@media(max-width:768px){.hero h1{font-size:2.5rem}}