:root{color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#050505;font-family:Arial,sans-serif}
.poster{position:relative;width:min(100vw,153.6vh);margin:auto;aspect-ratio:3/2;overflow:hidden}
.art{display:block;width:100%;height:100%;object-fit:contain}
.signup{position:absolute;left:23.75%;top:86.05%;width:49%;height:5.86%;overflow:visible}
form{display:grid;grid-template-columns:minmax(0,71fr) minmax(112px,29fr);width:100%;height:100%;border-radius:10px;overflow:hidden;background:#050707}
input{min-width:0;width:100%;height:100%;border:1px solid #b96d25;border-right:0;border-radius:10px 0 0 10px;background:#050707;padding:0 1.2rem;color:#eee;font-size:clamp(12px,1.45vw,22px);outline:none}
input:focus{box-shadow:0 0 0 2px #d5924d inset}
button{min-width:0;width:100%;height:100%;border:0;border-radius:0 10px 10px 0;background:linear-gradient(110deg,#8f170d,#bd2b1c);color:#eee;font-weight:800;white-space:nowrap;line-height:1;letter-spacing:.08em;font-size:clamp(9px,1.15vw,18px);padding:0 .35rem;cursor:pointer}
button:hover{filter:brightness(1.15)}
button:disabled{opacity:.65;cursor:wait}
#message{position:absolute;left:0;top:100%;width:100%;margin:.15rem 0 0;text-align:center;font-size:clamp(9px,.8vw,13px);color:#ead6bb;text-shadow:0 1px 3px #000}
.social a{position:absolute;top:95.2%;height:4%;width:4%;border-radius:50%}
.instagram{left:41.3%}.facebook{left:46.6%}.email{left:51.8%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-aspect-ratio:3/2){.poster{width:100vw;margin-top:calc((100vh - 66.6667vw)/2)}}
@media(max-width:650px){body{display:flex;align-items:center}form{grid-template-columns:minmax(0,68fr) minmax(92px,32fr)}input{padding:0 .35rem;font-size:clamp(9px,2.8vw,14px)}button{letter-spacing:.02em;font-size:clamp(8px,2.2vw,12px)}}