.page{color:#f5f5f7;font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;background:#0a0a0f;min-height:100vh}.page-hero{text-align:center;background:radial-gradient(circle at 20% 20%,#e1060026,#0000 45%),radial-gradient(circle at 80% 80%,#ff4d001a,#0000 40%),#0a0a0f;padding:190px 24px 90px;position:relative;overflow:hidden}.page-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000,#0000 75%);mask-image:radial-gradient(circle at 50% 40%,#000,#0000 75%)}.page-hero-content{z-index:2;max-width:860px;margin:0 auto;position:relative}.page-hero-eyebrow{color:#ff6b5e;letter-spacing:2px;text-transform:uppercase;background:#e1060026;border:1px solid #e1060066;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex}.page-hero-title{letter-spacing:-2px;margin:0 0 20px;font-size:clamp(40px,7vw,72px);font-weight:800;line-height:1.05}.page-hero-title span{background:linear-gradient(135deg,#e10600,#ff4d00);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-hero-subtitle{color:#c9c9d1;max-width:640px;margin:0 auto 36px;font-size:clamp(16px,2vw,19px);line-height:1.6}.page-hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.page-hero-stats{flex-wrap:wrap;justify-content:center;gap:48px;margin-top:56px;display:flex}.page-hero-stat{color:#e10600;flex-direction:column;align-items:center;gap:4px;display:flex}.page-hero-stat-value{color:#f5f5f7;font-size:34px;font-weight:800}.page-hero-stat-label{color:#8a8a93;text-transform:uppercase;letter-spacing:1px;font-size:13px}.page-section{padding:96px 24px}.page-section-inner{max-width:1200px;margin:0 auto}.page-section-header{text-align:center;max-width:700px;margin:0 auto 56px}.section-eyebrow{color:#e10600;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:700}.section-title{letter-spacing:-1px;margin:0 0 16px;font-size:clamp(32px,5vw,46px);font-weight:800}.section-subtitle{color:#8a8a93;font-size:17px;line-height:1.6}.gameplay-section{background:linear-gradient(#0000,#e106000d,#0000)}.gameplay-frame{border:1px solid #e1060059;border-radius:20px;max-width:960px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 30px 80px #0009}.gameplay-frame video{aspect-ratio:16/9;object-fit:cover;background:#000;width:100%;height:auto;display:block}.gameplay-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:1px;text-transform:uppercase;background:#0a0a0fb3;border:1px solid #ffffff26;border-radius:100px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;top:16px;left:16px}.gameplay-badge svg{color:#e10600}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.detail-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;padding:32px;transition:transform .3s,border-color .3s,background .3s;display:flex}.detail-card:hover{background:#ffffff0f;border-color:#e1060080;transform:translateY(-5px)}.detail-card-icon{color:#ff6b5e;background:linear-gradient(135deg,#e1060033,#ff4d0033);border:1px solid #e106004d;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex}.detail-card-title{margin:0 0 10px;font-size:21px;font-weight:700}.detail-card-desc{color:#8a8a93;margin:0 0 18px;font-size:15px;line-height:1.6}.detail-card-list{flex-direction:column;flex:1;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.detail-card-list li{color:#c9c9d1;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.detail-card-list li svg{color:#e10600;flex-shrink:0;margin-top:2px}.card-link{color:#e10600;align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.card-link:hover{gap:10px}.tracks-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;display:grid}.track-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:24px;transition:transform .3s,border-color .3s}.track-card:hover{border-color:#e1060080;transform:translateY(-4px)}.track-top{color:#e10600;text-transform:uppercase;letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.track-top span{align-items:center;gap:6px;display:inline-flex}.track-name{margin:0 0 8px;font-size:20px;font-weight:700}.track-difficulty{color:#ffd166;margin-bottom:14px;font-size:12px;font-weight:600}.track-meta{color:#8a8a93;flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.track-meta span{align-items:center;gap:6px;display:inline-flex}.chip-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:48px;display:flex}.chip{color:#c9c9d1;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:100px;padding:8px 18px;font-size:13px;font-weight:500}.chip strong{color:#f5f5f7}.cta-band{text-align:center;background:linear-gradient(135deg,#e106001f,#ff4d000f);border:1px solid #e106004d;border-radius:24px;max-width:800px;margin:0 auto;padding:64px 40px}.cta-band h2{margin:0 0 12px;font-size:clamp(28px,4vw,40px);font-weight:800}.cta-band p{color:#8a8a93;margin:0 0 32px;font-size:17px}@media (max-width:900px){.page-hero{padding:150px 20px 70px}.page-section{padding:72px 20px}.page-hero-actions{flex-direction:column;align-items:stretch}.page-hero-actions .btn{width:100%}}@media (max-width:600px){.page-hero-stats{gap:24px}.cta-band{padding:48px 24px}}