:root{--bg:#080b10;--bg2:#111722;--text:#f3f6fb;--muted:#aeb7c7;--line:rgba(255,255,255,.12);--accent:#ff4b2b;--accent2:#ff9b54;--card:rgba(255,255,255,.06);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0,#1b2433 0,#080b10 42%);color:var(--text)}a{color:inherit;text-decoration:none}.hero{min-height:760px;position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr}.hero__banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}.hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,11,16,.35),#080b10 88%),linear-gradient(90deg,#080b10 0,rgba(8,11,16,.3) 55%,#080b10 100%)}.nav,.hero__content{position:relative;z-index:1}.nav{display:flex;align-items:center;justify-content:space-between;padding:28px clamp(20px,5vw,72px)}.logo{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.07);font-weight:900;letter-spacing:.08em}.nav__links{display:flex;gap:22px;color:var(--muted);font-size:15px}.nav__links a:hover{color:var(--text)}.hero__content{align-self:center;max-width:850px;padding:80px clamp(20px,5vw,72px)}.eyebrow{margin:0 0 14px;color:var(--accent2);font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero h1{font-size:clamp(46px,9vw,108px);line-height:.9;margin:0 0 22px;letter-spacing:-.07em}.lead{max-width:720px;margin:0;color:#dbe2ef;font-size:clamp(20px,3vw,30px);line-height:1.35}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.button{padding:15px 20px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.06);font-weight:800}.button--primary{border:0;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#180704}.section{max-width:1180px;margin:0 auto;padding:82px 20px}.split{display:grid;grid-template-columns:1fr 1.35fr;gap:36px}.section h2{font-size:clamp(32px,5vw,58px);line-height:1;margin:0;letter-spacing:-.05em}.card,.stat,.social{border:1px solid var(--line);background:var(--card);box-shadow:0 20px 70px rgba(0,0,0,.22);backdrop-filter:blur(12px)}.text-card{border-radius:28px;padding:30px;color:var(--muted);font-size:18px;line-height:1.75}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:10px}.stat{border-radius:24px;padding:26px}.stat strong{display:block;font-size:24px}.stat span{display:block;margin-top:8px;color:var(--muted)}.section__head{max-width:760px;margin-bottom:28px}.section__head p:last-child{color:var(--muted);font-size:18px}.playlist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.playlist{overflow:hidden;border-radius:24px;border:1px solid var(--line);background:var(--bg2);transition:transform .2s,border-color .2s}.playlist:hover{transform:translateY(-4px);border-color:rgba(255,155,84,.6)}.playlist__thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111}.playlist__thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.playlist:hover .playlist__thumb img{transform:scale(1.04)}.playlist__thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.58))}.playlist__badge{position:absolute;left:14px;bottom:14px;z-index:1;padding:7px 10px;border-radius:999px;background:rgba(8,11,16,.75);border:1px solid var(--line);font-size:12px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.08em}.playlist__body{padding:18px}.playlist__body h3{margin:0 0 10px;font-size:19px;line-height:1.25}.playlist__body p{margin:0 0 14px;color:var(--muted);line-height:1.55}.playlist__body small{color:var(--accent2);font-weight:800}.center-action{display:flex;justify-content:center;margin-top:28px}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.social{border-radius:24px;padding:24px;transition:transform .2s,border-color .2s}.social:hover{transform:translateY(-4px);border-color:rgba(255,155,84,.6)}.social svg{width:34px;height:34px;fill:var(--accent2);margin-bottom:16px}.social span{display:block;font-size:24px;font-weight:900}.social small{display:block;margin-top:8px;color:var(--muted)}.footer{display:flex;justify-content:space-between;gap:18px;max-width:1180px;margin:0 auto;padding:34px 20px 50px;color:var(--muted);border-top:1px solid var(--line)}@media (max-width:850px){.hero{min-height:680px}.nav__links{display:none}.split,.stats,.playlist-grid,.social-grid{grid-template-columns:1fr}.hero__content{padding-top:160px}.footer{flex-direction:column}}