: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)}.contact{padding:5rem 2rem;max-width:640px;margin:0 auto}.contact h2{text-align:center;font-size:2.5rem;margin-bottom:.75rem}.contact-subtitle{text-align:center;color:var(--text-light);margin-bottom:2.5rem;font-size:1.1rem}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-weight:600;font-size:.9rem}.form-group .required{color:#ef4444}.form-group .optional{color:var(--text-light);font-weight:400}.form-group input,.form-group textarea{width:100%;padding:.7rem .9rem;border:1px solid var(--text-light);border-radius:var(--radius);background:var(--bg);color:var(--text);font-family:var(--font-family);font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.template-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.template-btn{font-size:.8rem;padding:.3rem .75rem;border:1px solid var(--primary);border-radius:999px;background:transparent;color:var(--primary);cursor:pointer;font-family:var(--font-family);transition:background-color .2s,color .2s}.template-btn:hover{background:var(--primary);color:#fff}.contact-submit{align-self:flex-start;padding:.8rem 2.5rem}.contact-submit:disabled{opacity:.6;cursor:not-allowed}.contact-status{font-size:.9rem;min-height:1.5em}.contact-status.success{color:#22c55e}.contact-status.error{color:#ef4444}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}}