@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";:root{--bg: #0f172a;--panel: #111827;--text: #e5e7eb;--muted: #94a3b8;--brand: #22d3ee;--brand-700: #0891b2}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial;background:radial-gradient(1000px 600px at 20% 0%,#0b1220 0%,var(--bg) 60%);color:var(--text)}.container{max-width:960px;margin:0 auto;padding:40px 20px 80px}.hero{text-align:center;margin-top:40px;margin-bottom:30px}.hero h1{font-size:2.2rem;margin:0 0 8px;letter-spacing:.2px}.tagline{color:var(--brand);margin:0 0 12px;font-weight:600}.lead{color:var(--muted);margin:0 auto;max-width:760px;line-height:1.5}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:36px 0 28px}.feature{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px}.feature h3{margin:0 0 6px;font-size:1rem}.feature p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.4}.contact{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px}.contact h2{margin-top:0;margin-bottom:10px}.contact p{color:var(--muted)}.contact a{color:var(--brand);text-decoration:none}.contact-form{margin-top:12px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field{display:flex;flex-direction:column}.field label{margin-bottom:6px;font-size:.95rem;color:#cbd5e1}.field input,.field textarea{background:var(--panel);border:1px solid rgba(255,255,255,.08);color:var(--text);border-radius:10px;padding:12px;font-size:1rem;outline:none}.field input:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #22d3ee26}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.consent{margin:12px 0;color:var(--muted);font-size:.95rem}.consent input{margin-right:8px}.btn{background:var(--brand);color:#063645;border:none;border-radius:10px;padding:12px 16px;font-weight:700;cursor:pointer}.btn:hover{background:var(--brand-700);color:#fff}.form-note{color:var(--muted);font-size:.9rem}.footer{text-align:center;color:var(--muted);margin-top:28px;font-size:.95rem}@media (max-width: 840px){.features{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media (max-width: 480px){.hero h1{font-size:1.8rem}}