.top-menu{position:fixed;top:0;left:0;right:0;z-index:50;background:#050814ee;backdrop-filter:blur(16px);display:flex;justify-content:space-between;align-items:center;padding:16px 6%;border-bottom:1px solid #ffffff18}
.brand{display:flex;align-items:center;gap:12px;color:#fff}
.logo-box{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#ffb703,#ff006e);display:grid;place-items:center;font-weight:900;color:#fff;overflow:hidden}
.logo-box img{width:100%;height:100%;object-fit:cover}
.top-menu nav{display:flex;gap:12px;flex-wrap:wrap}
.top-menu nav a{color:#fff;text-decoration:none;background:#ffffff12;padding:9px 14px;border-radius:999px}
.hero-slider{margin-top:80px;height:calc(100vh - 80px);overflow:hidden}
.slide-track{display:flex;width:300%;height:100%;animation:slideMove 15s infinite}
.slide{width:100%;height:100%;padding:8%;display:flex;flex-direction:column;justify-content:center;color:#fff;background-size:cover;background-position:center;position:relative}
.slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050814ee,#05081470)}
.slide>*{position:relative;max-width:760px}
.slide h1{font-size:clamp(38px,7vw,82px);line-height:1;margin:0 0 20px}
.slide p{font-size:22px;color:#e9eefc}
.s1{background-image:url('https://images.unsplash.com/photo-1590602847861-f357a9332bbc?auto=format&fit=crop&w=1800&q=80')}
.s2{background-image:url('https://images.unsplash.com/photo-1516280440614-37939bbacd81?auto=format&fit=crop&w=1800&q=80')}
.s3{background-image:url('https://images.unsplash.com/photo-1478737270239-2f02b77fc618?auto=format&fit=crop&w=1800&q=80')}
@keyframes slideMove{0%,28%{transform:translateX(0)}33%,61%{transform:translateX(-33.333%)}66%,94%{transform:translateX(-66.666%)}100%{transform:translateX(0)}}
.btn{display:inline-block;background:linear-gradient(135deg,#ffb703,#ff006e);color:#fff;text-decoration:none;font-weight:900;padding:15px 22px;border-radius:999px;margin-top:15px}
.section{padding:80px 6%;background:#fff;color:#111}
.section.dark{background:#060914;color:#fff}
.tag{display:inline-block;background:#ff006e18;color:#ff006e;padding:8px 14px;border-radius:999px;font-weight:900;margin-bottom:12px}
.section h2{font-size:clamp(30px,4vw,54px);margin:0 0 25px}
.about{display:grid;grid-template-columns:1.5fr .8fr;gap:30px;align-items:center}
.about p{font-size:19px;line-height:1.7;color:#444}
.about-card,.card{background:#f6f7fb;border:1px solid #e5e7ef;border-radius:24px;padding:28px;box-shadow:0 20px 50px #00000012}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.card h3{margin-top:0;color:#111}
.card p{color:#555;line-height:1.6}
.player-area{background:#10172a;color:#fff}
.player-box{background:#050814;border:1px solid #ffffff18;border-radius:24px;padding:24px}
.player-box audio{width:100%;margin-top:15px}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.photo-grid img{width:100%;height:260px;object-fit:cover;border-radius:24px}
.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.video-card{height:220px;border-radius:24px;background:linear-gradient(135deg,#111827,#374151);display:grid;place-items:center;color:#fff;font-weight:900}
.footer{background:#030712;color:#fff;padding:60px 6%;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px}
.footer a{display:block;color:#dbeafe;text-decoration:none;margin:8px 0}
.footer p{color:#cbd5e1}
@media(max-width:800px){.top-menu{position:relative;flex-direction:column}.hero-slider{margin-top:0;height:80vh}.about,.footer{grid-template-columns:1fr}.top-menu nav{justify-content:center}.slide h1{font-size:40px}}