:root{--bg:#070707;--card:#141414;--text:#fff;--muted:#aaa;--lime:#d8ff32;--violet:#8868ff;--line:rgba(255,255,255,.13);--max:1180px;--r:26px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px;overflow-x:hidden}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;overflow-x:hidden}
a{color:inherit}
[id]{scroll-margin-top:76px}
.container{width:min(calc(100% - 40px),var(--max));margin:auto}
.header{position:sticky;top:0;z-index:30;background:rgba(7,7,7,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.header-in{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.logo{text-decoration:none;font-size:26px;font-weight:950;letter-spacing:-1.5px}
.logo span{color:var(--lime)}
.nav{display:flex;align-items:center;gap:24px}
.nav a{text-decoration:none;color:#ddd;font-size:14px}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:0 26px;border-radius:999px;border:1px solid var(--lime);background:var(--lime);color:#080808!important;text-decoration:none;font-weight:900;cursor:pointer;transition:.2s}
.button:hover{transform:translateY(-2px)}
.button.dark{background:#090909;color:#fff!important;border-color:#090909}
.hero{position:relative;padding:66px 0 78px;background:radial-gradient(circle at 90% 20%,rgba(216,255,50,.14),transparent 35%),radial-gradient(circle at 20% 90%,rgba(136,104,255,.12),transparent 30%)}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:64px;align-items:center}
.crumbs{color:#999;font-size:13px;margin-bottom:25px}
.crumbs a{text-decoration:none}
.tag,.kicker{color:var(--lime);font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.hero h1{font-size:clamp(45px,6.3vw,80px);line-height:.96;letter-spacing:-.055em;margin:18px 0 22px}
.subtitle{font-size:clamp(21px,2.2vw,28px);font-weight:800;max-width:700px}
.hero-copy>p{color:#bbb;font-size:18px}
.price{font-size:46px;line-height:1;font-weight:950;color:var(--lime);margin:27px 0 16px}
.club-note{display:inline-flex;padding:10px 14px;border:1px solid rgba(216,255,50,.35);border-radius:14px;color:#e9ff9b!important;font-weight:750;font-size:15px!important}
.hero-actions{margin-top:27px}
.micro{font-size:13px!important;color:#999!important}
.hero-media{position:relative}
.hero-media img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:34px;border:1px solid var(--line)}
.hero-media:after{content:"DJ EXPERIENCE";position:absolute;right:-18px;bottom:25px;padding:12px 18px;background:var(--lime);color:#080808;font-weight:950;letter-spacing:.08em;border-radius:13px}
.section{padding:90px 0}
.section.alt{background:#0d0d0d}
.head{max-width:820px;margin-bottom:42px}
.head h2,.club-copy h2,.cta h2{font-size:clamp(35px,5vw,60px);line-height:1.02;letter-spacing:-.045em;margin:12px 0}
.intro{color:var(--muted);font-size:18px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{padding:28px;background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
.card b{display:block;color:var(--lime);font-size:13px;margin-bottom:42px}
.card h3{font-size:22px;line-height:1.15;margin:0 0 12px}
.card p{color:var(--muted);margin:0}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.step{padding:25px 20px;border-top:2px solid var(--lime);background:#111;min-height:210px}
.step b{color:var(--lime);font-size:22px}
.step p{font-size:18px;font-weight:750;margin-top:52px}
.for-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.for-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.for-item{padding:20px;border:1px solid var(--line);border-radius:18px;background:#111;font-weight:700}
.for-item:before{content:"•";color:var(--lime);margin-right:10px}
.club{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}
.club img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;border-radius:30px;border:1px solid var(--line)}
.club-copy p{color:var(--muted);font-size:18px}
.fine{font-size:13px!important;color:#888!important}
.certificate-wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center}
.certificate{position:relative;aspect-ratio:1.414/1;padding:8%;overflow:hidden;border:1px solid rgba(216,255,50,.55);border-radius:22px;background:radial-gradient(circle at 80% 90%,rgba(216,255,50,.22),transparent 33%),linear-gradient(135deg,#151515,#050505 60%,#171f0b);box-shadow:0 35px 70px rgba(0,0,0,.45)}
.certificate:before{content:"";position:absolute;inset:-35%;border:1px solid rgba(216,255,50,.18);transform:rotate(-18deg);box-shadow:0 0 0 55px rgba(216,255,50,.025),0 0 0 120px rgba(216,255,50,.018)}
.cert-logo,.cert-title,.cert-lines,.cert-price{position:relative}
.cert-logo{font-weight:950}
.cert-logo span{color:var(--lime)}
.cert-title{font-size:clamp(28px,4vw,56px);line-height:.95;margin-top:13%;font-weight:950}
.cert-lines{color:#bbb;margin-top:6%;font-size:clamp(12px,1.3vw,17px)}
.cert-price{position:absolute;right:7%;bottom:8%;font-weight:950;color:var(--lime);font-size:clamp(20px,3vw,42px)}
.certificate-copy h2{font-size:clamp(34px,4.7vw,56px);line-height:1.03;letter-spacing:-.04em}
.certificate-copy p{font-size:18px;color:var(--muted)}
.cta{padding:86px 0}
.cta-box{background:var(--lime);color:#080808;border-radius:34px;padding:52px;display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.cta h2{margin:0}
.cta-copy p{color:#343a05}
.form{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.form input[type=text],.form input[type=tel]{width:100%;min-height:56px;border:1px solid rgba(0,0,0,.2);border-radius:14px;padding:0 16px;font:inherit;background:#fff}
.consent{grid-column:1/-1;font-size:12px;display:flex;gap:8px;align-items:flex-start}
.form button,.status{grid-column:1/-1}
.status{min-height:20px;font-size:13px}
.status.error{color:#8a1111;font-weight:800}
.status.success{font-weight:850}
.hp,.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.footer{border-top:1px solid var(--line);padding:38px 0}
.footer-in{display:flex;justify-content:space-between;align-items:center;gap:30px}
.site-v2 .footer>.cookie-settings-link{display:flex;width:min(1200px,calc(100% - 36px));margin:10px auto 0}
.links{display:flex;gap:18px;flex-wrap:wrap;color:#aaa;font-size:13px}
.links a{text-decoration:none}
.hero-media img{height:min(70vh,680px)}
.club img{height:520px}
.cta .price{color:#080808;font-size:clamp(25px,3.2vw,38px);line-height:1.08;margin:24px 0 15px}
@media(max-width:960px){.nav a:not(.button){display:none}
.hero-grid,.club,.certificate-wrap,.for-grid,.cta-box{grid-template-columns:1fr}
.hero-media{max-width:620px}
.hero-media img{height:560px}
.cards{grid-template-columns:1fr 1fr}
.steps{grid-template-columns:1fr 1fr}
.step:last-child{grid-column:1/-1}
.cta-box{gap:28px}
}
@media(max-width:580px){html{scroll-padding-top:68px}
[id]{scroll-margin-top:68px}
.container{width:min(calc(100% - 28px),var(--max))}
.header-in{height:68px}
.header .button{min-height:43px;padding:0 15px;font-size:12px}
.hero{padding:45px 0 56px}
.hero h1{font-size:45px}
.hero-actions .button{width:100%}
.hero-media{max-width:100%}
.hero-media img{height:420px;aspect-ratio:auto;object-position:center 25%}
.hero-media:after{right:-5px;bottom:16px;font-size:12px}
.section{padding:62px 0}
.head{margin-bottom:30px}
.cards,.steps,.for-list{grid-template-columns:1fr}
.card{padding:24px}
.card b{margin-bottom:22px}
.step,.step:last-child{grid-column:auto;min-height:0;padding:22px 20px}
.step p{margin:22px 0 0}
.club{gap:30px}
.club img{height:390px;object-position:center}
.certificate{border-radius:14px}
.cta{padding:62px 0}
.cta-box{padding:30px 22px}
.cta .price{font-size:27px;margin:20px 0 12px}
.form{grid-template-columns:1fr}
.form>*{grid-column:1!important}
.footer-in{align-items:flex-start;flex-direction:column}
}