@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{color-scheme:light;--zeus-primary-900: #1b0d0f;--zeus-primary-800: #2d1114;--zeus-primary-700: #52161c;--zeus-primary-600: #7b1c23;--zeus-primary-500: #b42029;--zeus-primary-400: #d62c35;--zeus-primary-300: #f04953;--zeus-primary-100: #fde4e6;--zeus-neutral-25: #f8f9fb;--zeus-neutral-50: #f1f2f6;--zeus-neutral-100: #e7e9ee;--zeus-neutral-200: #d0d4dc;--zeus-text-900: #16171d;--zeus-text-700: #353842;--zeus-text-500: #5f6370;--zeus-shadow-soft: 0 30px 70px rgba(27, 13, 15, .08);--zeus-shadow-hard: 0 18px 40px rgba(27, 13, 15, .16);--zeus-border-strong: 1px solid rgba(108, 117, 125, .28);--zeus-border-soft: 1px solid rgba(108, 117, 125, .12);--zeus-overlay: rgba(21, 13, 14, .68)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:Poppins,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;background:var(--zeus-neutral-25);color:var(--zeus-text-900);-webkit-font-smoothing:antialiased}body{background:var(--zeus-neutral-25)}body.bg{display:flex;justify-content:center}a{color:inherit}button{font-family:inherit}.app-shell{width:100vh;min-height:100vh;padding:clamp(0px,2vw,24px) clamp(16px,5vw,48px) clamp(32px,5vw,64px);display:flex;flex-direction:column;gap:clamp(24px,4vw,40px)}.app-header{background:#fff;border-radius:24px;padding:clamp(28px,4vw,40px);box-shadow:var(--zeus-shadow-hard);border:var(--zeus-border-soft);display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,4vw,32px);color:var(--zeus-text-900);position:relative}.branding{display:flex;align-items:center;gap:clamp(16px,3vw,28px)}.branding h1{margin:0;font-size:clamp(1.6rem,2.6vw,2.15rem);letter-spacing:.01em;color:var(--zeus-text-900)}.branding p{margin:4px 0 0;color:var(--zeus-text-500)}.logo{width:64px;height:64px;border-radius:20px;display:block;object-fit:cover;box-shadow:0 10px 24px #1b0d0f33;border:2px solid rgba(255,255,255,.8)}.cta{background:var(--zeus-primary-400);border:none;color:#fff;border-radius:999px;padding:12px 28px;font-weight:600;cursor:pointer;box-shadow:0 22px 40px #7a181f3d;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.cta:hover,.cta:focus-visible{transform:translateY(-2px);box-shadow:0 28px 48px #7a181f4d;background:linear-gradient(135deg,var(--zeus-primary-400),var(--zeus-primary-500))}.hero{position:relative;overflow:hidden;border-radius:28px;padding:clamp(36px,5vw,56px);display:flex;justify-content:space-between;align-items:center;gap:clamp(20px,4vw,32px);box-shadow:var(--zeus-shadow-soft);background:linear-gradient(135deg,#160f10e0,#1b0d0ef0),radial-gradient(circle at 15% 20%,rgba(209,64,71,.6),transparent 65%),radial-gradient(circle at 85% 30%,rgba(63,71,92,.45),transparent 60%);color:#fff}.hero h2{margin:0 0 8px;font-size:clamp(1.4rem,2.2vw,2rem);color:#fff}.hero p{margin:0;color:#ffffffc7}.hero-stats{display:flex;flex-direction:column;align-items:center;gap:4px;background:#f049532e;color:#fff;border-radius:18px;padding:16px 24px;min-width:140px;font-weight:700;border:1px solid rgba(240,73,83,.45)}.hero-stats .stat{font-size:clamp(1.8rem,3vw,2.4rem)}.hero-stats .stat-label{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.layout{display:grid;grid-template-columns:1fr minmax(240px,300px);gap:clamp(24px,4vw,36px);align-items:start}.video-grid{background:#fff;border-radius:28px;padding:clamp(28px,4vw,40px);box-shadow:var(--zeus-shadow-soft);border:var(--zeus-border-soft);color:var(--zeus-text-900)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:clamp(20px,4vw,28px)}.video-card{background:#fff;border-radius:20px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 10px 26px #1b0d0f26;outline:none;border:var(--zeus-border-soft)}.video-card:focus-visible,.video-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px #1b0d0f38;background:linear-gradient(135deg,#d62c3529,#d62c3514)}.thumbnail{position:relative;aspect-ratio:16/9;background:#d62c351f}.thumbnail img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 960px){.layout{grid-template-columns:1fr}}