@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --bg:#08090b; --panel:#111318; --panel2:#17191f; --text:#f5f7fb; --muted:#a4a8b3;
  --line:rgba(255,255,255,.09); --accent:#8d6bff; --accent2:#b6a2ff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 80% 5%,rgba(141,107,255,.11),transparent 27%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
.topbar{height:74px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,9,11,.78);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.04em}.brand img{width:38px;height:38px;border-radius:50%;object-fit:cover}.brand b{color:var(--accent2)}
.topbar nav{display:flex;gap:28px;color:#bfc2ca;font-size:14px}.topbar nav a:hover{color:white}
.youtube-btn{border:1px solid var(--line);background:#fff;color:#0a0a0c;border-radius:999px;padding:11px 17px;font-size:13px;font-weight:800}
.hero{min-height:680px;padding:80px 8vw 70px;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;position:relative;overflow:hidden}
.hero-glow{position:absolute;width:500px;height:500px;background:rgba(141,107,255,.16);filter:blur(90px);border-radius:50%;right:8%;top:12%;pointer-events:none}
.hero-copy{position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;color:var(--accent2);margin:0 0 15px}
h1{font-size:clamp(48px,7vw,88px);line-height:.96;letter-spacing:-.07em;margin:0 0 24px}h1 span,h2 span{color:var(--accent2)}
.hero-text{max-width:590px;color:var(--muted);font-size:17px;line-height:1.7}
.hero-actions{display:flex;gap:12px;margin:28px 0 42px}.primary,.secondary{padding:14px 20px;border-radius:12px;font-weight:800;font-size:14px}.primary{background:#fff;color:#09090b}.secondary{border:1px solid var(--line);background:var(--panel)}
.stats{display:flex;gap:35px}.stats div{display:flex;flex-direction:column;gap:5px}.stats strong{font-size:23px}.stats small{color:#777c87;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.hero-card{height:470px;position:relative;display:grid;place-items:center}.avatar-wrap{width:300px;height:300px;border-radius:50%;padding:9px;background:linear-gradient(145deg,#fff,rgba(141,107,255,.35),transparent);box-shadow:0 0 100px rgba(141,107,255,.25)}.avatar-wrap img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:8px solid #0c0d10}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}.orbit-a{width:430px;height:430px}.orbit-b{width:560px;height:280px;transform:rotate(-25deg)}
.floating-card{position:absolute;right:4%;bottom:48px;background:rgba(20,22,28,.88);border:1px solid var(--line);border-radius:16px;padding:14px 18px;display:grid;grid-template-columns:auto 1fr;gap:4px 9px;box-shadow:0 18px 50px rgba(0,0,0,.35);font-size:12px}.floating-card b{grid-column:2;color:var(--muted);font-weight:500}.live-dot{width:8px;height:8px;border-radius:50%;background:#77e58c;align-self:center;grid-row:1/3}
.section{padding:90px 8vw;border-top:1px solid var(--line)}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.about h2,.section h2{font-size:clamp(32px,4vw,54px);line-height:1;letter-spacing:-.05em;margin:0}.about>p{color:var(--muted);line-height:1.8;max-width:600px}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-heading>a{color:var(--accent2);font-size:13px;font-weight:800}
.shorts-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.short{background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:.25s;min-width:0}.short:hover{transform:translateY(-6px);border-color:rgba(141,107,255,.55);box-shadow:0 15px 40px rgba(0,0,0,.3)}.short img{display:block;width:100%;aspect-ratio:9/14;object-fit:cover}.short-info{padding:13px}.short-info span{font-size:9px;color:var(--accent2);font-weight:900;letter-spacing:.15em}.short-info b{display:block;font-size:12px;line-height:1.35;margin-top:7px}
.social-panel{background:linear-gradient(135deg,#151720,#0d0e12);border:1px solid var(--line);border-radius:28px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.social-panel>div:first-child p:last-child{color:var(--muted);line-height:1.7;max-width:480px}.social-links{display:grid;gap:10px}.social-links a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:13px;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);transition:.2s}.social-links a:hover{background:rgba(255,255,255,.06);transform:translateX(4px)}.social-links span{width:38px;height:38px;border-radius:11px;background:#fff;color:#0b0b0d;display:grid;place-items:center;font-weight:900}.social-links div{display:flex;flex-direction:column;gap:3px}.social-links small{color:#777c87}.social-links i{font-style:normal;color:#888}
footer{padding:28px 8vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:#777c87;font-size:11px}.brand.mini img{width:28px;height:28px}.brand.mini{font-size:12px}footer a{color:#b7b0ff;font-weight:700}
@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-card{order:-1;height:380px}.avatar-wrap{width:230px;height:230px}.orbit-a{width:340px;height:340px}.orbit-b{width:430px;height:220px}.shorts-grid{grid-template-columns:repeat(3,1fr)}.about,.social-panel{grid-template-columns:1fr;gap:30px}}
@media(max-width:650px){.topbar{padding:0 18px}.topbar nav{display:none}.youtube-btn{padding:9px 12px}.hero,.section{padding-left:20px;padding-right:20px}.hero{min-height:auto}.hero-card{height:320px}.shorts-grid{grid-template-columns:repeat(2,1fr)}.stats{gap:20px}.social-panel{padding:28px 20px}footer{padding:25px 20px;gap:15px;flex-wrap:wrap}}

.featured-video{padding-top:70px}
.video-frame{width:min(100%,960px);margin:0 auto;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#000;box-shadow:0 25px 70px rgba(0,0,0,.35)}
.video-frame iframe{display:block;width:100%;aspect-ratio:16/9;border:0}

.video-cover{position:relative}
.video-cover-button{display:block;position:relative;width:100%;padding:0;border:0;background:#000;cursor:pointer}
.video-cover-button img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.78);color:#fff;font-size:28px;padding-left:4px;box-shadow:0 8px 30px rgba(0,0,0,.45);transition:.2s}
.video-cover-button:hover .play-button{transform:translate(-50%,-50%) scale(1.08);background:#fff;color:#111}