:root{--primary: #4f46e5;--primary-dark: #4338ca;--secondary: #ec4899;--text: #1f2937;--text-light: #6b7280;--bg: #ffffff;--bg-alt: #f3f4f6;--bg-gradient: linear-gradient(135deg, #f0fdf4 0%, #e0e7ff 100%);--radius: 8px;--font-family: "Inter", system-ui, -apple-system, sans-serif}@media(prefers-color-scheme:dark){:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #f472b6;--text: #f9fafb;--text-light: #9ca3af;--bg: #111827;--bg-alt: #1f2937;--bg-gradient: linear-gradient(135deg, #111827 0%, #1e1b4b 100%)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text);background-color:var(--bg);line-height:1.6}#app{width:100%;max-width:100%;margin:0;padding:0;text-align:left}header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;max-width:1200px;margin:0 auto}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}nav a{margin-left:1.5rem;text-decoration:none;color:var(--text);font-weight:500;transition:color .2s}nav a:hover{color:var(--primary)}.hero{background:var(--bg-gradient);padding:5rem 2rem;text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero h1{font-size:3.5rem;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(to right,var(--text),var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent;color:var(--text)}@supports (-webkit-background-clip: text){.hero h1{color:transparent}}.hero p{font-size:1.25rem;color:var(--text-light);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.btn{display:inline-block;background-color:var(--primary);color:#fff;padding:.8rem 2rem;border-radius:var(--radius);font-weight:600;text-decoration:none;transition:transform .2s,background-color .2s;border:none;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:var(--text);box-shadow:none;border:1px solid var(--text-light);margin-left:1rem}.btn-secondary:hover{background-color:var(--bg-alt);color:var(--text)}.features{padding:5rem 2rem;max-width:1200px;margin:0 auto}.features h2{text-align:center;font-size:2.5rem;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:var(--bg-alt);padding:2rem;border-radius:var(--radius);transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:2rem;margin-bottom:1rem;display:inline-block;padding:.75rem;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000000d}@media(prefers-color-scheme:dark){.feature-icon{background:#374151;color:#fff}}.feature-card h3{font-size:1.25rem;margin-bottom:.5rem}.feature-card p{color:var(--text-light)}footer{text-align:center;padding:3rem 2rem;background-color:var(--bg-alt);color:var(--text-light);margin-top:auto}@media(max-width:768px){.hero h1{font-size:2.5rem}header{flex-direction:column;gap:1rem}nav a{margin:0 .75rem}.btn-secondary{display:block;margin:1rem auto 0;width:fit-content}}