*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#001426}
body{font-family:Arial,Helvetica,sans-serif}
.page{min-height:100vh;display:flex;justify-content:center;background:radial-gradient(circle at center top,rgba(30,64,92,.28),transparent 42%),#001426}
.poster-wrap{position:relative;width:min(100vw,1024px);line-height:0;overflow:hidden;box-shadow:0 0 80px rgba(0,0,0,.45)}
.poster{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.hotspot{position:absolute;z-index:5;display:block;border-radius:8px}
.hotspot:focus-visible{outline:3px solid #f3b24b;outline-offset:3px}
.instagram{left:81.3%;top:1.55%;width:4%;height:3.1%}
.facebook{left:87%;top:1.55%;width:4%;height:3.1%}
.email{left:92.7%;top:1.55%;width:4.6%;height:3.1%}
.signup-form{position:absolute;z-index:6;left:21.65%;top:82.55%;width:56.7%;height:3.75%;display:grid;grid-template-columns:72.2% 27.8%;line-height:normal}
.signup-form input{min-width:0;width:100%;height:100%;border:1px solid #d79c32;border-right:0;border-radius:5px 0 0 5px;background:rgba(0,19,35,.97);color:#fff;padding:0 5.5%;font:inherit;font-size:clamp(10px,1.45vw,16px);outline:none}
.signup-form input::placeholder{color:rgba(255,255,255,.70)}
.signup-form input:focus{box-shadow:inset 0 0 0 1px #f2bb5c}
.signup-form button{height:100%;border:1px solid #e0ad52;border-radius:0 5px 5px 0;background:linear-gradient(90deg,#c98f2d,#e0ad52);color:#08111a;font:inherit;font-size:clamp(10px,1.45vw,16px);font-weight:800;cursor:pointer}
.signup-form button:hover{filter:brightness(1.06)}.signup-form button:disabled{opacity:.7;cursor:wait}
.signup-status{position:absolute;left:0;right:0;top:118%;min-height:1.2em;text-align:center;color:#ffe0a2;text-shadow:0 1px 2px #000;font-size:clamp(9px,1.15vw,13px);line-height:1.25}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Mask: solid panel behind the live form that hides the email box painted into the artwork */
.signup-form::before{content:"";position:absolute;z-index:-1;inset:-4px;background:#001122;border-radius:7px;pointer-events:none}
/* Strip iPhone/Android default form styling so the live field renders exactly as designed */
.signup-form input,.signup-form button{-webkit-appearance:none;appearance:none;margin:0}
/* Phones: make the live form slightly LARGER than the painted one so it fully covers it,
   and use 16px text so iPhones don't auto-zoom when the field is tapped */
@media(max-width:600px){
  .signup-form{left:19.5%;width:61%;top:81.6%;height:5.2%}
  .signup-form input,.signup-form button{font-size:16px}
  .signup-form button{font-size:13px;letter-spacing:-.2px}
}