:root{--ink:#080706;--cream:#fff7e9;--coral:#f45f45;--turquoise:#67b8bd;--gold:#f5b538}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--ink);font-family:Arial,sans-serif}.gate{background:var(--ink);min-height:100svh;color:var(--cream);place-items:center;display:grid;overflow:hidden}.gate-pattern{opacity:.22;background:radial-gradient(circle at 26px 26px,#863b2d 0 7px,#0000 8px) 0 0/96px 96px,repeating-linear-gradient(135deg,#0000 0 78px,#2a6769 79px 81px,#0000 82px 160px);position:fixed;inset:0}.gate-card{border:2px solid var(--cream);background:var(--gold);width:min(560px,100vw - 32px);color:var(--ink);box-shadow:14px 14px 0 var(--turquoise);padding:clamp(30px,6vw,64px);position:relative;transform:rotate(-1deg)}.gate-lockup{border:2px solid var(--ink);background:var(--ink);color:var(--cream);letter-spacing:.04em;margin:0 0 44px;padding:10px 16px 8px;font-family:Georgia,serif;font-size:clamp(34px,8vw,54px);font-weight:900;line-height:1;display:inline-block}.gate-lockup small{color:var(--turquoise);letter-spacing:.18em;text-transform:uppercase;margin-top:4px;font-family:Arial,sans-serif;font-size:11px;display:block}.gate-eyebrow,label,button,.gate-foot{letter-spacing:.13em;text-transform:uppercase;font-weight:900}.gate-eyebrow{margin:0 0 12px;font-size:12px}.gate h1{letter-spacing:-.055em;margin:0;font-family:Georgia,serif;font-size:clamp(46px,11vw,82px);line-height:.88}.gate h1 em{color:var(--coral);font-style:normal}.gate-intro{max-width:43ch;margin:24px 0 30px;font-size:16px;line-height:1.55}.gate label{margin-bottom:8px;font-size:11px;display:block}.gate-row{grid-template-columns:minmax(0,1fr) auto;display:grid}.gate input,.gate button{border:2px solid var(--ink);min-height:56px;font:inherit;border-radius:0}.gate input{background:var(--cream);min-width:0;color:var(--ink);padding:0 14px}.gate button{background:var(--coral);cursor:pointer;padding:0 22px}.gate-error{border:2px solid var(--ink);background:var(--cream);margin:12px 0 0;padding:10px;font-weight:700}.gate-foot{margin:38px 0 0;font-size:10px}@media (width<=520px){.gate-card{box-shadow:8px 8px 0 var(--turquoise)}.gate-lockup{margin-bottom:32px}.gate-row{grid-template-columns:1fr;gap:8px}}