@import url('https://fonts.googleapis.com/css2?family=Anton&family=Cormorant+Garamond:ital,wght@0,600;1,600&family=Oswald:wght@300;400;600&display=swap');
:root{--red:#d20d27;--line:#48252b}
*{box-sizing:border-box}
html{background:#030303;color:#eee}
body{margin:0;font-family:Oswald,Arial,sans-serif;background:radial-gradient(circle at 50% 14%,#3b000b 0,#0a0607 37%,#020202 76%)}
.live-shell{min-height:100svh;display:grid;place-items:center;padding:3rem 1.5rem}
.live-card{position:relative;width:min(900px,100%);padding:2.5rem;text-align:center;border:1px solid var(--line);background:linear-gradient(#090708ed,#050405f5);box-shadow:0 35px 120px #000,0 0 70px #6c000d33;overflow:hidden}
.live-card:before{content:"LIVE";position:absolute;inset:20% 0 auto;font:24vw Anton;color:#ffffff04;pointer-events:none}
.logo{position:relative;display:block;width:min(470px,90%);margin:0 auto;mix-blend-mode:screen;filter:drop-shadow(0 0 28px #a50016)}
.kicker{position:relative;color:var(--red);font-size:.75rem;letter-spacing:.4em;margin:1rem 0 .5rem}
.live-card h1{position:relative;font:clamp(4rem,10vw,8rem)/.86 Anton;margin:.08em 0}
.date{position:relative;color:#c9c1c3;letter-spacing:.2em;font-size:.85rem}
.countdown{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:2.5rem auto}
.countdown div{padding:1.2rem .5rem;border:1px solid var(--line);background:#080607}
.countdown strong{display:block;font:clamp(2.2rem,7vw,4.8rem)/1 Anton;text-shadow:3px 3px 0 #5f000d}
.countdown span{display:block;margin-top:.4rem;color:var(--red);font-size:.65rem;letter-spacing:.18em}
.access{position:relative;max-width:620px;margin:3rem auto 0;padding:2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.access h2{font:2rem Anton;margin:0}
.access>p{color:#aaa;font:1.05rem Cormorant Garamond}
.access form{display:grid;grid-template-columns:1fr auto;gap:.75rem;margin-top:1.4rem;text-align:left}
.access label span{display:block;margin-bottom:.45rem;color:var(--red);font-size:.64rem;letter-spacing:.16em}
.access input{width:100%;height:56px;border:1px solid var(--line);background:#030303;color:#fff;padding:0 1rem;font:1rem Oswald}
.access input:focus{outline:0;border-color:var(--red);box-shadow:0 0 20px #8b001144}
.access button{align-self:end;height:56px;border:0;background:var(--red);color:#fff;padding:0 1.3rem;font:600 .72rem Oswald;letter-spacing:.15em;cursor:pointer}
.access button b{margin-left:.5rem}
.error{grid-column:1/-1;margin:.8rem 0;padding:.7rem;border-left:3px solid var(--red);background:#27040a;color:#fff;text-align:left}
.list-copy{position:relative;color:#817779;font:1rem Cormorant Garamond}
.list-copy a{color:#fff;text-decoration-color:var(--red);text-underline-offset:4px}
.back{position:relative;display:inline-block;margin-top:1.5rem;color:#6d6466;text-decoration:none;font-size:.66rem;letter-spacing:.14em}
@media(max-width:650px){.live-card{padding:1.4rem .9rem}.countdown{gap:.35rem}.countdown div{padding:.9rem .15rem}.countdown span{font-size:.52rem;letter-spacing:.08em}.access{padding:2rem .4rem}.access form{grid-template-columns:1fr}.access button{margin-top:.4rem}.date{font-size:.7rem;letter-spacing:.12em}}