*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif}
body{background:#f5f6f8;color:#0b1220}
.page{min-height:100dvh;display:grid;place-items:center;padding:24px}
.card{width:min(100%,360px);background:#fff;border:1px solid #e1e4e8;border-radius:16px;padding:30px;box-shadow:0 12px 35px rgba(15,23,42,.08)}
.hidden{display:none}
.eyebrow{font-size:13px;font-weight:700;margin-bottom:28px}
h1{margin:0;font-size:25px;line-height:1.2}
.subtitle{margin:7px 0 34px;color:#64748b;font-size:14px}
form{display:grid;gap:10px}
label{font-size:13px;font-weight:600;margin-top:2px}
input,textarea{width:100%;border:1px solid #cbd2dc;border-radius:9px;outline:none;font-size:14px;color:#111827;background:#fff}
input{height:44px;padding:0 13px}
textarea{min-height:110px;padding:12px 13px;resize:vertical;font-family:inherit}
input:focus,textarea:focus{border-color:#64748b}
button{width:100%;min-height:44px;margin-top:6px;border:0;border-radius:9px;background:#111827;color:#fff;font-size:14px;font-weight:700;cursor:pointer}
button:disabled{opacity:.65;cursor:wait}
.message{min-height:18px;margin:7px 0 0;color:#dc2626;font-size:13px;line-height:1.4}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}