:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--bg-primary:#fff;--text-primary:#0f172a;--text-secondary:#475569;--accent:#3b82f6;--accent-hover:#2563eb;--border-color:#e2e8f0}@media (prefers-color-scheme:dark){:root{--bg-primary:#0f172a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent:#60a5fa;--accent-hover:#93c5fd;--border-color:#1e293b}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5;transition:background-color .3s}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero{text-align:center;padding:8rem 0 4rem}.hero h1{letter-spacing:-.025em;margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.1}.hero p{color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;font-size:1.25rem}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:4rem 0;display:grid}.card{border:1px solid var(--border-color);background:#ffffff08;border-radius:12px;padding:2rem;transition:transform .2s,border-color .2s}.card:hover{border-color:var(--accent);transform:translateY(-4px)}.card h3{margin-bottom:1rem;font-size:1.5rem}.card p{color:var(--text-secondary)}.btn{background-color:var(--accent);color:#fff;border-radius:9999px;padding:.75rem 1.5rem;font-weight:600;transition:background-color .2s;display:inline-block}.btn:hover{background-color:var(--accent-hover);color:#fff}footer{text-align:center;border-top:1px solid var(--border-color);color:var(--text-secondary);padding:4rem 0 2rem;font-size:.875rem}@media (width<=768px){.hero h1{font-size:2.5rem}}