/*
Theme Name: UND1SPTD Live App Theme
Theme URI: https://live.und1sptd.com
Author: UND1SPTD
Description: Dark luxury creator-athlete homepage theme for UND1SPTD LIVE.
Version: 1.0.0
License: GPLv2 or later
Text Domain: und1sptd-live
*/

:root{
  --u-bg:#030303;
  --u-panel:#101010;
  --u-panel-2:#171717;
  --u-red:#ed1010;
  --u-red-dark:#9f0505;
  --u-text:#ffffff;
  --u-muted:#b7b7b7;
  --u-line:rgba(255,255,255,.13);
  --u-gold:#d6b35b;
  --u-radius:18px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--u-bg);color:var(--u-text);font-family:Inter,Arial,sans-serif;}
a{color:inherit;text-decoration:none}.site{min-height:100vh;background:radial-gradient(circle at top,rgba(237,16,16,.18),transparent 30%),#030303}.wrap{width:min(1240px,calc(100% - 32px));margin:auto}.u-header{position:sticky;top:0;z-index:50;background:rgba(3,3,3,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--u-line)}.u-nav{height:82px;display:flex;align-items:center;gap:24px}.u-logo{font-weight:950;font-size:30px;letter-spacing:-1px;font-style:italic}.u-logo span{display:block;color:var(--u-red);font-size:12px;letter-spacing:10px;margin-top:-6px;margin-left:36px}.u-menu{display:flex;gap:24px;font-weight:850;font-size:13px;text-transform:uppercase}.u-search{margin-left:auto;max-width:430px;flex:1}.u-search input{width:100%;background:#0b0b0b;border:1px solid var(--u-line);color:white;border-radius:10px;padding:13px 16px}.u-actions{display:flex;gap:12px;align-items:center}.u-icon{width:35px;height:35px;border:1px solid var(--u-line);border-radius:50%;display:grid;place-items:center;background:#0e0e0e}.hero{position:relative;min-height:640px;display:grid;align-items:center;overflow:hidden;border-bottom:1px solid var(--u-line)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030303 0%,rgba(3,3,3,.88) 32%,rgba(3,3,3,.26) 62%,#030303 100%),var(--hero-image);background-size:cover;background-position:center 35%;filter:saturate(.92)}.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr 380px;gap:32px;padding:64px 0}.eyebrow{color:var(--u-red);letter-spacing:6px;font-weight:900;text-transform:uppercase}.hero h1{font-size:clamp(64px,9vw,118px);line-height:.86;margin:14px 0;font-weight:1000;letter-spacing:-4px;text-transform:uppercase}.hero h1 span{display:block;color:var(--u-red)}.hero p{max-width:460px;color:#e5e5e5;font-size:18px;line-height:1.5}.btns{display:flex;gap:18px;margin-top:28px;flex-wrap:wrap}.btn{border:1px solid var(--u-line);padding:15px 26px;border-radius:9px;font-weight:950;text-transform:uppercase;display:inline-flex;gap:10px;align-items:center}.btn.red{background:var(--u-red);border-color:var(--u-red)}.live-panel,.section,.card,.creator,.event-list,.cta{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--u-line);border-radius:var(--u-radius);box-shadow:0 20px 80px rgba(0,0,0,.35)}.live-panel{padding:18px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-title{font-size:23px;font-weight:950;text-transform:uppercase}.live-item{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:12px;border-radius:12px;background:#090909;border:1px solid rgba(255,255,255,.08);margin-top:12px}.thumb{aspect-ratio:16/10;background:#222;border-radius:9px;overflow:hidden;position:relative}.thumb img{width:100%;height:100%;object-fit:cover}.badge{display:inline-block;background:var(--u-red);color:#fff;padding:4px 7px;border-radius:4px;font-size:10px;font-weight:950;text-transform:uppercase}.muted{color:var(--u-muted)}.section{margin:28px 0;padding:18px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card{overflow:hidden;background:#0c0c0c}.card-body{padding:12px}.card h3{font-size:15px;margin:8px 0 6px;line-height:1.25}.meta{font-size:12px;color:var(--u-muted);display:flex;gap:14px}.play{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.74);width:36px;height:36px;border-radius:50%;display:grid;place-items:center}.cats{display:grid;grid-template-columns:repeat(7,1fr);gap:13px}.cat{min-height:120px;border-radius:13px;border:1px solid var(--u-line);display:grid;place-items:end center;padding:16px;background:linear-gradient(180deg,rgba(237,16,16,.08),rgba(255,255,255,.04));font-weight:950;text-transform:uppercase;font-size:12px}.split{display:grid;grid-template-columns:1.4fr .9fr;gap:18px}.creators{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.creator{padding:12px;text-align:center;background:#0b0b0b}.avatar{height:90px;border-radius:12px;background:#242424;overflow:hidden;margin-bottom:10px}.avatar img{width:100%;height:100%;object-fit:cover}.rank{background:var(--u-red);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:900;margin-bottom:-18px;position:relative;z-index:2}.follow{width:100%;background:var(--u-red);border:0;color:white;padding:10px;border-radius:6px;font-weight:950;text-transform:uppercase;margin-top:12px}.event{display:grid;grid-template-columns:64px 90px 1fr;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--u-line)}.datebox{border:1px solid var(--u-line);border-radius:10px;text-align:center;padding:8px;font-weight:950}.datebox span{display:block;color:var(--u-red);font-size:13px}.cta{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:20px;align-items:center;padding:30px;margin:28px 0}.cta h2{font-size:48px;line-height:.95;margin:0 0 12px;text-transform:uppercase}.tool{text-align:center}.tool-icon{margin:auto auto 10px;width:64px;height:64px;border:1px solid var(--u-red);border-radius:50%;display:grid;place-items:center;font-size:28px}.footer-logos{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap;padding:28px 0;color:#8e8e8e;font-weight:950;text-transform:uppercase;letter-spacing:1px}.bottom{text-align:center;letter-spacing:9px;font-size:12px;color:white;padding-bottom:32px}@media(max-width:900px){.u-menu,.u-actions{display:none}.u-nav{height:auto;padding:16px 0;flex-wrap:wrap}.u-search{order:3;flex-basis:100%;max-width:none}.hero-grid,.split,.cta{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.cats{grid-template-columns:1fr 1fr}.creators{grid-template-columns:1fr 1fr}.live-item{grid-template-columns:95px 1fr}.hero{min-height:auto}.hero h1{font-size:62px}.bottom{letter-spacing:3px}.cta h2{font-size:38px}}