*{box-sizing:border-box}
body{margin:0;background:#f5f4f0;color:#171a20;font:17px/1.6 Heebo,Arial,sans-serif}
header{display:flex;justify-content:center;padding:10px 16px;background:#fff;border-bottom:1px solid #e4e2dc}
main{max-width:640px;margin:auto;padding:24px 16px calc(40px + env(safe-area-inset-bottom))}
.eyebrow{margin:0;color:#164bde;font-size:14px;font-weight:700}
h1{margin:6px 0 8px;font-size:clamp(26px,6vw,36px);line-height:1.2}
.intro{margin:0 0 20px;font-size:18px}
form,.thanks{background:#fff;border:1px solid #e4e2dc;border-radius:16px;padding:20px}
.note{margin:0 0 12px;color:#5d6470;font-size:14px}
.field{margin:0 0 16px;padding:0;border:0;min-width:0}
label,legend{display:block;margin-bottom:6px;font-weight:700}
input:not([type=file]),textarea{display:block;width:100%;min-height:48px;padding:11px 14px;border:1px solid #c9ccd3;border-radius:10px;background:#fff;color:inherit;font:inherit}
textarea{resize:vertical}
input:focus,textarea:focus{outline:2px solid #164bde;outline-offset:1px;border-color:#164bde}
[aria-invalid=true]{border-color:#c62828!important}
.field-error{margin:4px 0 0;color:#c62828;font-size:14px;font-weight:600}
.field-error:empty{display:none}
.pick-row{display:flex;gap:10px}
.pick{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;margin:0;padding:8px;border:1.5px dashed #164bde;border-radius:10px;color:#164bde;text-align:center;cursor:pointer;overflow:hidden}
.pick input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.pick:focus-within{outline:2px solid #164bde;outline-offset:2px}
.pick:has(input:disabled){opacity:.45;cursor:default}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.photo-grid:empty{display:none}
.photo{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#eceae4}
.photo img{display:block;width:100%;height:100%;object-fit:cover}
.photo button{position:absolute;top:4px;inset-inline-end:4px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#171a20;font-size:15px;box-shadow:0 1px 5px #0003;cursor:pointer}
#security{margin:4px 0 12px}
#send{display:block;width:100%;min-height:52px;margin:8px 0;border:0;border-radius:12px;background:#164bde;color:#fff;font:700 18px Heebo,Arial,sans-serif;cursor:pointer}
#send:disabled{opacity:.5;cursor:default}
#status{margin:0 0 8px;font-weight:600}
#status:empty{display:none}
#status.error{color:#c62828}
.thanks{text-align:center}
.thanks h2{margin-top:0;color:#164bde}
.thanks a{color:#164bde;font-weight:700}
[hidden]{display:none!important}