:root{--bg:#09090b;--panel:#121216;--panel2:#18181d;--text:#f7f7f8;--muted:#a1a1aa;--accent:#ff0033;--line:#27272f;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(255,0,51,.16),transparent 34%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(calc(100% - 32px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(9,9,11,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:165px;height:auto}.nav-links{display:flex;align-items:center;gap:20px;color:#d7d7dc;font-weight:650;font-size:14px}.nav-links a:hover{color:white}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:11px 18px;font-weight:800;border:1px solid var(--line);transition:.2s}.btn:hover{transform:translateY(-1px);border-color:#42424d}.btn.primary{background:var(--accent);border-color:var(--accent);color:white}.hero{padding:76px 0 52px}.eyebrow{display:inline-flex;padding:7px 10px;border:1px solid #35353d;border-radius:999px;color:#c5c5cc;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(42px,8vw,88px);line-height:.96;letter-spacing:-.055em;max-width:900px;margin:18px 0 22px}.hero p{max-width:700px;color:var(--muted);font-size:clamp(16px,2.3vw,20px);margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.section{padding:26px 0 74px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head h2{font-size:clamp(28px,4vw,42px);margin:0;letter-spacing:-.035em}.section-head p{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.22s}.card:hover{transform:translateY(-4px);border-color:#444450}.thumb{aspect-ratio:16/9;position:relative;background:#18181d;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;transition:.3s}.card:hover .thumb img{transform:scale(1.025)}.play{position:absolute;left:14px;bottom:14px;width:46px;height:46px;border-radius:50%;background:rgba(255,0,51,.95);display:grid;place-items:center;font-size:17px}.card-body{padding:17px}.card h3{margin:0 0 10px;font-size:18px;line-height:1.3;letter-spacing:-.02em}.meta{color:var(--muted);font-size:13px}.loading,.empty{padding:30px;border:1px dashed #34343d;border-radius:18px;color:var(--muted);text-align:center}.video-shell{padding:42px 0 74px}.player{aspect-ratio:16/9;background:#000;border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 90px rgba(0,0,0,.35)}.player iframe{width:100%;height:100%;border:0}.video-copy{max-width:900px;margin:26px 0 0}.video-copy h1{font-size:clamp(30px,5vw,54px);line-height:1.03;letter-spacing:-.04em;margin:10px 0 16px}.video-copy p{color:var(--muted)}.video-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.footer{border-top:1px solid var(--line);padding:30px 0 42px;color:var(--muted);font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.mobile-toggle{display:none;background:none;border:0;color:white;font-size:24px}.notice{padding:12px 14px;border-radius:14px;background:#16161b;border:1px solid #292932;color:#b7b7c0;font-size:14px;margin-top:20px}
@media (max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-top:54px}}
@media (max-width:640px){.wrap{width:min(calc(100% - 22px),var(--max))}.nav{height:68px}.brand img{width:140px}.mobile-toggle{display:block}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:#0d0d10;border-bottom:1px solid var(--line);padding:18px 22px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links .btn{width:100%}.grid{grid-template-columns:1fr;gap:16px}.hero{padding:48px 0 36px}.section{padding-bottom:54px}.section-head{align-items:start;flex-direction:column}.card h3{font-size:17px}.video-shell{padding-top:26px}.player{border-radius:14px}}