:root{--bg:#080a0d;--bg2:#0e1216;--panel:#12171c;--panel2:#171d23;--text:#f5f7f8;--muted:#9aa3ab;--red:#ff382f;--line:#272d33;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
header{height:76px;border-bottom:1px solid var(--line);background:rgba(8,10,13,.96);position:sticky;top:0;z-index:30}
.header{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-size:24px;font-weight:900;letter-spacing:2px;white-space:nowrap}.logo i{font-style:normal;color:var(--red)}
nav{display:flex;gap:22px;align-items:center;font-size:12px;font-weight:800;color:#bbc1c7}nav a{padding:28px 0;border-bottom:2px solid transparent}nav a:hover,nav a.active{color:#fff;border-color:var(--red)}
.hero{min-height:610px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 35%,rgba(255,56,47,.22),transparent 26%),linear-gradient(120deg,#080a0d 25%,#131116)}
.hero:after{content:"";position:absolute;right:-100px;top:45px;width:560px;height:560px;border:1px solid #242a30;border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.012),0 0 0 140px rgba(255,255,255,.008)}
.hero .inner{position:relative;z-index:2}.eyebrow,.tag{color:var(--red);font-size:11px;font-weight:900;letter-spacing:2.2px;text-transform:uppercase}
h1{font-size:clamp(58px,9vw,116px);line-height:.88;letter-spacing:-5px;font-style:italic;margin:16px 0}.outline{color:transparent;-webkit-text-stroke:1px #798189}
.lead{max-width:660px;color:var(--muted);font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;padding:13px 20px;border-radius:7px;font-size:12px;font-weight:900;letter-spacing:.6px;border:1px solid var(--line)}.btn.primary{background:var(--red);border-color:var(--red)}.btn:hover{filter:brightness(1.1)}
section{padding:78px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-head h2,.page-title{font-size:38px;line-height:1.1;margin:7px 0}.muted{color:var(--muted)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:.22s}.card:hover{transform:translateY(-4px);border-color:#444c54}.card-body{padding:24px}.card h3{font-size:21px;line-height:1.25;margin:9px 0}.card p{color:var(--muted);font-size:14px;margin:0}.visual{height:170px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 70% 30%,rgba(255,56,47,.25),transparent 30%),linear-gradient(135deg,#1b2026,#0c0f12);font-size:56px;position:relative}.visual:after{content:"TUN//SPEED";position:absolute;right:15px;bottom:10px;font-size:10px;letter-spacing:2px;color:#68717a}
.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.kpi div{padding:18px;border:1px solid var(--line);border-radius:10px;background:#0e1216}.kpi b{display:block;font-size:22px}.kpi span{font-size:11px;color:var(--muted);text-transform:uppercase}
.page-hero{padding:90px 0 55px;background:radial-gradient(circle at 85% 20%,rgba(255,56,47,.13),transparent 25%)}.page-hero p{max-width:760px;color:var(--muted)}
.article{max-width:850px;margin:auto}.article h2{font-size:30px;margin-top:38px}.article p,.article li{color:#c2c8cd}.article .intro{font-size:19px;color:#e5e8ea}.article-box{padding:22px;border-left:3px solid var(--red);background:#101419;margin:28px 0;border-radius:0 8px 8px 0}
.spec{background:#101419;border:1px solid var(--line);border-radius:12px;padding:25px}.spec-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.spec-row:last-child{border:0}.spec-row span{color:var(--muted)}
footer{padding:36px 0;border-top:1px solid var(--line);color:#737c84;font-size:12px}.footer{display:flex;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:18px}
@media(max-width:900px){nav{display:none}.grid3,.grid2{grid-template-columns:1fr 1fr}.kpi{grid-template-columns:1fr 1fr}.hero{min-height:570px}}
@media(max-width:620px){.wrap{width:calc(100% - 28px)}.grid3,.grid2{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.footer{flex-direction:column}.kpi{grid-template-columns:1fr 1fr}h1{font-size:56px;letter-spacing:-3px}.page-title{font-size:34px}}

/* v2: tracks + club */
.badge{display:inline-block;padding:5px 9px;border:1px solid var(--line);border-radius:99px;color:#aab2b9;font-size:10px;font-weight:800;letter-spacing:1px}
.track-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.track-meta div{padding:11px;background:#0c1014;border:1px solid var(--line);border-radius:8px}.track-meta b{display:block;font-size:15px}.track-meta span{font-size:9px;color:var(--muted);text-transform:uppercase}
.club-hero{min-height:560px;display:flex;align-items:center;background:radial-gradient(circle at 80% 30%,rgba(255,56,47,.2),transparent 25%),linear-gradient(120deg,#080a0d,#12161b)}
.login-card{max-width:460px;margin:0 auto;padding:32px;border:1px solid var(--line);border-radius:14px;background:#101419}.login-card label{display:block;font-size:11px;font-weight:800;margin:15px 0 7px;color:#aeb5bb}.login-card input{width:100%;padding:13px 14px;border:1px solid #343b42;border-radius:7px;background:#090c0f;color:#fff;outline:none}.login-card input:focus{border-color:#666f78}.login-card button{width:100%;margin-top:20px;cursor:pointer}
.locked{padding:24px;border:1px solid #3a3030;background:rgba(255,56,47,.055);border-radius:12px}.locked h3{margin-top:0}.video-placeholder{aspect-ratio:16/9;border:1px solid var(--line);border-radius:12px;background:radial-gradient(circle,rgba(255,56,47,.15),transparent 30%),#0d1115;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px}.video-placeholder b{font-size:18px}
@media(max-width:620px){.track-meta{grid-template-columns:1fr 1fr}}