*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 20%,#264655,#122b3c 80%);color:#f5f0e6;font-family:system-ui,sans-serif;padding:20px}main{max-width:480px;text-align:center;width:100%}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#d6b879;margin:0 0 16px}h1{font-family:Georgia,serif;font-size:clamp(30px,7vw,44px);line-height:1.15;font-weight:400;margin:0 0 22px}h1 span{font-size:.65em;color:#a6babf}em{color:#d6b879}.island-map{max-width:380px;margin:auto}.island-map svg{display:block;width:100%;height:auto;max-height:245px;filter:drop-shadow(0 16px 24px #06172440)}.island-label{fill:#f4e9cf;font:10px system-ui,sans-serif;letter-spacing:1.7px}.sea-label{fill:#8cacb5;font:8px system-ui,sans-serif;letter-spacing:1.5px}p{line-height:1.5;color:#d8dedf;font-size:15px}.intro{font-family:Georgia,serif;font-style:italic;color:#d6b879;margin:17px 0}form{max-width:380px;margin:22px auto 0}label{display:block;text-align:left;font-size:13px;margin-bottom:9px}input{display:block;width:100%;border:1px solid #9eacb4;border-radius:12px;background:#fff;color:#122b3c;min-height:48px;font-size:16px;padding:12px}button{width:100%;margin-top:12px;border:0;border-radius:12px;background:#d6b879;color:#122b3c;min-height:48px;font-size:15px;font-weight:650;cursor:pointer}button:disabled{opacity:.6}input:focus-visible,button:focus-visible{outline:3px solid #f6dfac;outline-offset:3px}#status{min-height:20px;font-size:12px;margin:10px 0 0}.small{font-size:11px;color:#aabcc3;margin:12px 0 0}@media(max-height:650px){body{padding:14px}.eyebrow{margin-bottom:10px}h1{margin-bottom:14px}.island-map{max-width:280px}.intro{margin:10px 0}form{margin-top:12px}input,button{min-height:44px}.small{margin-top:8px}}@media(max-height:430px) and (min-width:600px){main{max-width:700px;display:grid;grid-template-columns:1fr 1fr;column-gap:25px;align-items:center}.eyebrow,h1{grid-column:1/-1}h1{font-size:30px}.island-map{grid-column:1;grid-row:3/7;width:100%}.intro,form,.small{grid-column:2}.intro{margin:0}form{width:100%}}