:root{
  --primary:#6366f1;--primary-dark:#4f46e5;--secondary:#8b5cf6;--accent:#ec4899;
  --dark:#0a0a0a;--dark-card:#111111;--dark-border:#1a1a1a;--text:#ffffff;--muted:#a0a0a0;
}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--dark);color:var(--text);line-height:1.6}
.navbar{background:transparent}
.site-header{position:sticky;top:0;z-index:20;background:rgba(10,10,10,.75);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--dark-border)}
.nav-link{color:#d9d9d9!important}
.nav-link:hover{color:#fff!important}
.brand-logo{height:50px!important;width:auto!important;display:block!important;object-fit:contain!important}
.btn-telegram{background:linear-gradient(135deg,#229ED9,#146B8C);border:0;color:#fff}
.btn-telegram:hover{filter:brightness(1.1);color:#fff}
.hero{min-height:70vh;display:flex;align-items:center;padding:3rem 0;background:radial-gradient(ellipse at top,rgba(99,102,241,.12) 0%,transparent 60%),radial-gradient(ellipse at bottom,rgba(236,72,153,.12) 0%,transparent 60%)}
.hero-title{font-size:clamp(2rem,7vw,4rem);font-weight:800;line-height:1.1;margin:0 0 1rem;background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-sub{color:var(--muted);max-width:680px}
.card-feature{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:20px;padding:2rem;height:100%;transition:.25s;position:relative;overflow:hidden}
.card-feature:hover{transform:translateY(-6px);border-color:rgba(99,102,241,.5)}
.card-feature .icon{width:72px;height:72px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1rem;color:#fff}
.card-feature.music .icon{background:linear-gradient(135deg,#667eea,#764ba2)}
.card-feature.image .icon{background:linear-gradient(135deg,#f093fb,#f5576c)}
.card-feature.video .icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}
.cta{background:var(--dark-card);border-top:1px solid var(--dark-border);border-bottom:1px solid var(--dark-border);padding:4rem 0;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:-40% -40% auto auto;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 70%);animation:spin 24s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.stats-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:16px;padding:1.75rem;text-align:center;transition:.25s}
.stats-card:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.5)}
.stats-num{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}
.site-footer{background:var(--dark-card);border-top:1px solid var(--dark-border);color:var(--muted)}
.site-footer hr{border-color:var(--dark-border)}
.kicker{letter-spacing:.12em;text-transform:uppercase;color:#9aa0a6;font-size:.8rem}
.btn-primary-cta{background:linear-gradient(135deg,#6366f1,#ec4899);border:0;border-radius:12px;padding:1rem 2rem;color:#fff;font-weight:600}
.btn-primary-cta:hover{filter:brightness(1.1);color:#fff}
/* Responsive */
@media(max-width:768px){.hero{padding:2.5rem 0}.card-feature{padding:1.5rem}.card-feature .icon{width:60px;height:60px;font-size:1.6rem}}

/* Apple-style overrides */
:root{--accent:#0a84ff;--primary:#0a84ff;--secondary:#5e5ce6;--text:#f2f2f2;--muted:#9aa0a6;--dark:#0b0b0b;--dark-card:#111111;--dark-border:#1a1a1a}
.site-header{background:rgba(11,11,11,.85);backdrop-filter:saturate(180%) blur(10px)}
.navbar .navbar-brand{color:#fff}
.navbar .navbar-brand:hover{color:#fff}
.navbar-dark .navbar-toggler{border-color:#2a2a2a}
.navbar-dark .navbar-toggler:focus{box-shadow:none}
.nav-link{color:#cfcfcf!important}
.nav-link:hover{color:#fff!important}
.hero{background:radial-gradient(1200px 600px at 20% -10%,rgba(10,132,255,.10),transparent 60%),radial-gradient(1200px 600px at 80% 110%,rgba(94,92,230,.10),transparent 60%)}
.hero-title{letter-spacing:-.02em}
.btn-primary-cta{background:linear-gradient(180deg,#0a84ff,#0a6fe0);border:0;border-radius:14px;padding:1rem 2rem;color:#fff;font-weight:700}
.btn-primary-cta:hover{filter:brightness(1.08)}
.btn-telegram{background:linear-gradient(180deg,#1f8dd6,#157bbd)}
.card-feature{border-radius:18px;border:1px solid #1a1a1a;background:linear-gradient(180deg,#121212,#0f0f0f)}
.card-feature:hover{border-color:#2a2a2a;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.card-feature .icon{background:linear-gradient(180deg,#1a1a1a,#111);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -1px 0 rgba(0,0,0,.4)}
.card-feature.music .icon,.card-feature.image .icon,.card-feature.video .icon{background:linear-gradient(180deg,#1a1a1a,#111)}
.stats-card{background:linear-gradient(180deg,#121212,#0f0f0f);border:1px solid #1a1a1a}
.stats-num{background:linear-gradient(90deg,#0a84ff,#5e5ce6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.cta{background:linear-gradient(180deg,#111,#0e0e0e)}
.site-footer{background:linear-gradient(180deg,#111,#0e0e0e)}
.link-secondary{color:#9aa0a6;text-decoration:none}
.link-secondary:hover{color:#d0d0d0}
/* Accordion (dark) */
.accordion-item{background:#121212;border:1px solid #1f1f1f}
.accordion-button{background:#121212;color:#e6e6e6;border-bottom:1px solid #1f1f1f}
.accordion-button:not(.collapsed){background:#151515;color:#fff;box-shadow:none}
.accordion-button:focus{box-shadow:none;border-color:#2a2a2a}
.accordion-body{background:#121212;color:#cfcfcf}