
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{display:flex;justify-content:space-between;gap:20px;padding:10px 34px;background:#b90000;font-weight:900;font-size:12px;letter-spacing:1.5px}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;padding:14px 34px;background:rgba(0,0,0,.88);backdrop-filter:blur(14px);border-bottom:1px solid #2b2b2b}.brand{display:flex;align-items:center;gap:12px}.brand img{width:82px;filter:drop-shadow(0 0 20px #d00)}.brand h1{font-size:18px;line-height:.85;margin:0;font-style:italic}.brand small{font-size:9px;color:#ddd;letter-spacing:2px}.navlinks{display:flex;gap:18px;margin-left:auto;align-items:center}.navlinks a{font-weight:900;font-size:13px;opacity:.85}.navlinks a:hover,.navlinks a.active{color:#ff1d1d;opacity:1}.mobile-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;background:linear-gradient(135deg,#f01818,#920000);border-radius:7px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 35px rgba(205,0,0,.25)}.btn.secondary{background:rgba(255,255,255,.06);border-color:#777}.btn.tiny{padding:10px 15px;font-size:12px}.hero{min-height:82vh;position:relative;display:grid;place-items:center;padding:90px 30px;overflow:hidden;background:#090909}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.45),#070707),url('../assets/images/hero-banner.png') center/cover;opacity:.9;transform:scale(1.05)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(255,0,0,.2),transparent 35%),linear-gradient(transparent,rgba(0,0,0,.9))}.hero-content{position:relative;z-index:2;max-width:1040px;text-align:center}.kicker{color:#ff2a2a;font-weight:900;letter-spacing:4px}.hero h2{font-size:clamp(58px,10vw,150px);line-height:.78;margin:10px 0;text-transform:uppercase;font-style:italic;text-shadow:0 12px 0 #111}.hero h2 small{font-size:clamp(20px,3vw,42px);letter-spacing:10px;color:#eee}.metal{background:linear-gradient(#fff,#777);-webkit-background-clip:text;color:transparent}.red3d{color:#e20a0a;text-shadow:0 7px 0 #3a0000,0 0 40px #ff1717}.lead{font-size:clamp(18px,2vw,26px);max-width:850px;margin:18px auto;color:#eee}.cta-row{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.scoreboard{position:absolute;z-index:3;bottom:22px;display:flex;gap:15px;align-items:center;background:rgba(0,0,0,.72);border:1px solid #444;border-radius:18px;padding:14px 20px;box-shadow:0 18px 50px #000}.scoreboard span{padding:8px 13px;background:#151515;border-radius:12px;color:#ddd}.orb{position:absolute;border-radius:50%;filter:blur(20px);opacity:.55;animation:float 8s infinite alternate}.orb1{width:280px;height:280px;background:#d00;left:5%;top:20%}.orb2{width:240px;height:240px;background:#fff;right:9%;top:13%;opacity:.12}@keyframes float{to{transform:translateY(50px) translateX(30px)}}.section{padding:70px 6vw;border-top:1px solid #171717;background:linear-gradient(180deg,#070707,#0d0d0d)}.page{min-height:65vh}.section h2,.section h3{font-size:clamp(34px,5vw,68px);margin:0 0 16px;font-style:italic;text-transform:uppercase}.section span{color:#ff1717}.section-copy{max-width:900px;color:#cfcfcf;font-size:18px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:25px}.card,.glass{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px;box-shadow:0 22px 80px rgba(0,0,0,.35);transition:.25s}.card:hover{transform:translateY(-8px) rotateX(3deg);border-color:#d00;box-shadow:0 22px 80px rgba(220,0,0,.25)}.athlete-card{min-height:260px;position:relative;overflow:hidden;background:linear-gradient(135deg,#111,#050505)}.athlete-card:before{content:"";position:absolute;inset:-40% -20% auto auto;width:160px;height:160px;border-radius:50%;background:#d00;filter:blur(55px);opacity:.55}.badge{display:inline-block;color:#fff;background:#d00;padding:6px 10px;border-radius:100px;font-size:12px;font-weight:900}.athlete-card h4{font-size:24px;margin:38px 0 6px}.meta{color:#ccc;line-height:1.6}.stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.stats span{background:#171717;border:1px solid #333;padding:7px 9px;border-radius:9px;color:#fff;font-size:12px}.tool-row{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.search,select,input,textarea{background:#111;border:1px solid #333;color:#fff;border-radius:10px;padding:14px 15px;min-width:220px}.search{flex:1}.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.mag-cover img{border-radius:18px;box-shadow:0 35px 90px #000}.tilt{transform-style:preserve-3d;transition:.2s}.sms{display:grid;grid-template-columns:1.4fr .6fr;gap:35px;align-items:center;background:linear-gradient(90deg,#100,#050505)}.form{display:flex;gap:10px;flex-wrap:wrap}.reader{display:grid;grid-template-columns:280px 1fr;gap:22px}.issue{width:100%;text-align:left;padding:18px;margin-bottom:10px;background:#111;border:1px solid #333;color:#fff;border-radius:12px;font-weight:900}.issue.active{border-color:#d00;background:#190000}.page-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:center}.event-grid .card{display:grid;grid-template-columns:80px 1fr;align-items:center}.date{background:#130000;color:#ff2727;border:1px solid #c00;border-radius:12px;text-align:center;padding:12px;font-weight:900}.video-hero{display:grid;grid-template-columns:110px 1fr;gap:25px;align-items:center}.play{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:#d00;font-size:38px}.dashboard{display:grid;grid-template-columns:230px 1fr;gap:20px}.admin-menu{display:flex;flex-direction:column;gap:10px}.admin-menu button{padding:14px;text-align:left;background:#111;color:#fff;border:1px solid #333;border-radius:12px;font-weight:900}.admin-menu button.active{background:#d00}.admin-head{display:flex;justify-content:space-between;align-items:center}.admin-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:14px;border-bottom:1px solid #333}.contact-form{display:grid;gap:12px;max-width:700px}.contact-form textarea{min-height:160px}.footer{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:25px;padding:55px 6vw;background:#030303;border-top:1px solid #222;color:#ccc}.footer b{color:#fff}.reveal{opacity:0;transform:translateY(22px);transition:.8s}.reveal.show{opacity:1;transform:none}.center{text-align:center;margin-top:24px}@media(max-width:900px){.nav{flex-wrap:wrap}.mobile-toggle{display:block;margin-left:auto;background:#111;color:#fff;border:1px solid #333;padding:10px}.navlinks{display:none;width:100%;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.split,.sms,.reader,.page-card,.dashboard,.footer{grid-template-columns:1fr}.scoreboard{position:relative;bottom:auto;margin-top:30px;flex-wrap:wrap}.hero{min-height:auto}.topbar{display:none}}


/* v2.1 SMS popup + active join form */
.join-popup{
  position:fixed; inset:0; z-index:9999; display:none; align-items:center; justify-content:center;
  padding:22px; background:rgba(0,0,0,.82); backdrop-filter: blur(8px);
}
.join-popup.show{display:flex; animation:fadeIn .25s ease both}
.join-modal{
  width:min(760px, 96vw); border:1px solid rgba(255,255,255,.18); border-radius:28px;
  background: radial-gradient(circle at top left, rgba(255,0,0,.28), transparent 35%), linear-gradient(135deg, #130000, #070707 65%, #150000);
  box-shadow:0 35px 120px rgba(0,0,0,.75); padding:34px; position:relative; overflow:hidden;
}
.join-modal:before{content:"";position:absolute;inset:-2px;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);animation:sheen 3.8s ease-in-out infinite}
.join-close{position:absolute;right:18px;top:14px;background:#111;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:999px;width:38px;height:38px;font-size:22px;cursor:pointer;z-index:2}
.join-modal h2{font-size:clamp(2rem,5vw,4.5rem);line-height:.95;margin:0 0 12px;text-transform:uppercase;font-style:italic;letter-spacing:-1px}.join-modal h2 span{color:#ff1717}.join-modal p{color:#fff;font-weight:700}.join-form{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.join-form input,.join-form select{width:100%;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#111;color:#fff;font-weight:800}.join-form .full{grid-column:1/-1}.join-form button{grid-column:1/-1}.fine-print{font-size:.78rem!important;color:#aaa!important;font-weight:500!important;line-height:1.5}.success-note{display:none;margin-top:14px;padding:14px;border:1px solid rgba(22,255,126,.35);border-radius:14px;background:rgba(22,255,126,.08);color:#fff;font-weight:800}.success-note.show{display:block}.join-lock-text{font-size:.85rem;color:#bbb;margin-top:10px}.section-join-cta{cursor:pointer}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes sheen{50%{transform:translateX(120%)}100%{transform:translateX(120%)}}
@media(max-width:720px){.join-form{grid-template-columns:1fr}.join-modal{padding:26px 18px}.join-close{right:10px;top:10px}}

.dmc-contact-widget h3{font-size:1.6rem;margin:8px 0 10px}
.dmc-widget-wrap{margin-top:18px;min-height:90px;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px;background:rgba(0,0,0,.28)}
.dmc-widget-wrap iframe,.dmc-widget-wrap>div{max-width:100%}

/* v2.3 DialMyCalls SMS opt-in activation */
.join-form .dmc-direct{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;margin-top:8px}
.dmc-opt-section h3{font-size:28px;margin:6px 0 10px}.dmc-frame-note{font-size:12px;color:#aaa;margin-top:10px}.success-note.show{display:block}
