:root{--pink:#F4A0AA;--blue:#9FBDD0;--text:#18181b;--bg:#ffffff}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--text);background:var(--bg);padding:16px;padding-top:calc(28px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}
.hero{max-width:840px;padding:32px;text-align:left;margin:0 auto}
.logo{width:96px;height:96px;border-radius:24px;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.07);display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}
.logo img{width:72px;height:72px;border-radius:16px}
.logo-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}
h1{font-size:28px;margin:8px 0 8px}
p{margin:0 0 16px}
.cta{display:inline-flex;align-items:center;gap:8px;border:0;padding:12px 16px;border-radius:12px;background:#ff8a3d;color:#fff;font-weight:600;cursor:not-allowed;opacity:.6}
.footer{margin-top:28px;font-size:12px;color:#6b7280}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#f8fafc;color:#0f172a;font-weight:600;font-size:12px}
.social{display:flex;gap:16px;margin-top:12px;margin-bottom:20px}
.social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#f3f4f6;border:1px solid #e5e7eb;text-decoration:none}
.social a:hover{background:#eef2f6}
.social svg{width:22px;height:22px}
@media (min-width:800px){h1{font-size:32px}}
/* Contact section */
.contact{margin-top:28px;padding:24px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.06)}
.contact h2{margin:0 0 8px;font-size:20px}
.contact p{margin:0 0 16px;color:#374151}
.contact .note{display:inline-block;font-size:13px;color:#6b7280}
.contact-form{max-width:720px}
.form-row{display:flex;flex-direction:column;margin:0 0 12px}
.form-row label{font-weight:600;margin:0 0 6px;color:#111827}
.form-row input:not([type="checkbox"]),.form-row textarea{appearance:none;border:1px solid #e5e7eb;background:#f9fafb;border-radius:12px;padding:12px 14px;font:inherit;color:inherit;transition:border-color .15s,box-shadow .15s,background-color .15s}
.form-row textarea{resize:vertical}
.form-row input:not([type="checkbox"])::placeholder,.form-row textarea::placeholder{color:#9ca3af}
.form-row input:not([type="checkbox"]):focus,.form-row textarea:focus{outline:0;border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(159,189,208,.25)}
.checkbox{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#374151}
.checkbox input{margin-top:2px;width:20px;height:20px;cursor:pointer;appearance:none;border:1px solid #e5e7eb;background:#f9fafb;border-radius:6px;transition:all .15s;flex-shrink:0}
.checkbox input:hover{background:#f3f4f6;border-color:#d1d5db}
.checkbox input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(159,189,208,.25)}
.checkbox input:checked{background:var(--blue);border-color:var(--blue);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8l3 3 7-7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:85%;background-position:center;background-repeat:no-repeat}
@media (max-width:480px){.checkbox input{width:24px;height:24px}}
.form-actions{display:flex;justify-content:flex-end;margin-top:8px}
.contact-form .cta{cursor:pointer;opacity:1;box-shadow:0 2px 0 rgba(0,0,0,.08)}
.contact-form .cta:hover{filter:brightness(.98)}
.contact-form .cta:active{transform:translateY(1px)}
.contact-form .cta:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}
.contact-form .cta:disabled:hover{filter:none}
.contact-form .cta:disabled:active{transform:none}
@media (min-width:720px){.form-row.half{display:grid;grid-template-columns:1fr 1fr;gap:12px}}