/* The invite page during the invite-only stretch (includes/invite-gate-page.php, includes/InviteGate.php). One centered
   column: Larry holding a seat, the line, the code box, then how else to get in. Tokens only (assets/tokens.css). */
.ig-page{margin:0;min-height:100vh;background:var(--muck-bg);color:var(--muck-text);font-family:var(--muck-font)}
.ig-head{display:flex;align-items:center;justify-content:space-between;gap:var(--muck-space-4);max-width:1224px;margin:0 auto;padding:var(--muck-space-4) var(--muck-space-6);border-bottom:1px solid var(--muck-line)}
.ig-head img{display:block;width:155px;height:auto}
.ig-main{display:flex;flex-direction:column;gap:var(--muck-space-6);max-width:640px;margin:0 auto;padding:var(--muck-space-6) var(--muck-space-5) var(--muck-space-7)}
.ig-art{order:-1;margin:0}
.ig-art img{display:block;width:100%;height:auto;border-radius:var(--muck-radius-card);border:1px solid var(--muck-line)}
.ig-copy h1{margin:0;font-size:clamp(40px,7vw,56px);line-height:1.02;letter-spacing:-.03em;font-weight:800}
.ig-copy h1 span{color:var(--muck-gold)}
.ig-sub{margin:var(--muck-space-4) 0 0;font-size:17px;line-height:1.55;color:var(--muck-text-2)}
.ig-form{margin-top:var(--muck-space-6)}
.ig-form .mk-label{display:block;margin-bottom:var(--muck-space-2)}
.ig-row{display:flex;gap:var(--muck-space-3)}
.ig-row .mk-input{flex:1;min-width:0;min-height:48px;text-transform:uppercase;letter-spacing:.08em}
.ig-row .mk-input::placeholder{text-transform:none;letter-spacing:0}
.ig-row .mk-btn{min-height:48px;padding:0 var(--muck-space-5)}
.ig-error{margin:var(--muck-space-2) 0 0;font-size:14px;color:#ff8a7a}
.ig-note{margin:var(--muck-space-4) 0 0;font-size:15px;line-height:1.55;color:var(--muck-text-2)}
.ig-note a{color:var(--muck-gold-muted)}
.ig-fine{margin:var(--muck-space-5) 0 0;font-size:12px;color:var(--muck-text-3)}
@media(max-width:600px){
 .ig-head{padding:var(--muck-space-3) var(--muck-space-4)}
 .ig-main{padding:var(--muck-space-5) var(--muck-space-4) var(--muck-space-6);gap:var(--muck-space-5)}
 .ig-row{flex-direction:column}
 .ig-row .mk-btn{width:100%}
}