*{box-sizing:border-box}body{color:#fff;background:#020617;margin:0;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}.page{background:#020617;min-height:100vh}.hero{padding:80px 24px;position:relative;overflow:hidden}.heroBackground{background:linear-gradient(135deg,#0e749059,#020617 50%,#020617);position:absolute;inset:0}.heroGrid{grid-template-columns:1fr;align-items:center;gap:48px;max-width:1200px;margin:0 auto;display:grid;position:relative}.heroText h1{letter-spacing:-.035em;margin:0 0 24px;font-size:clamp(32px,5vw,52px);line-height:1.05}.intro{color:#cbd5e1;max-width:680px;margin-bottom:32px;font-size:18px;line-height:1.8}.topLogoArea{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.logoTitleRow{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.siteTitle{color:#fff;letter-spacing:-.04em;font-size:clamp(42px,7vw,72px);font-weight:900;line-height:1}.mainLogo{object-fit:contain;background:#fff;border-radius:20px;width:auto;max-width:320px;height:96px;padding:8px;box-shadow:0 20px 40px #00000059}.badge{color:#bae6fd;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:inline-flex}.buttonRow{flex-wrap:wrap;gap:12px;display:flex}.button{border-radius:18px;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-weight:700;transition:all .2s;display:inline-flex}.button:hover{opacity:.9;transform:translateY(-2px)}.primary{color:#fff;background:red}.secondary{color:#020617;background:#fff}.outline{color:#fff;border:1px solid #ffffff4d}.fullWidth{width:100%}.featuredCard{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:32px;padding:16px;box-shadow:0 30px 70px #00000059}.videoBox{aspect-ratio:16/9;background:linear-gradient(135deg,#1e293b,#020617);border-radius:24px;flex-direction:column;justify-content:space-between;padding:28px;display:flex}.featuredLabel{color:#7dd3fc;text-transform:uppercase;letter-spacing:.18em;margin-bottom:18px;font-size:13px}.featuredTitleLink{color:#fff;text-decoration:none}.featuredTitleLink h2{color:#fff}.featuredTitleLink:hover h2{color:#7dd3fc;text-decoration:underline}.videoBox h2{margin:0 0 12px;font-size:34px}.videoBox p{color:#cbd5e1;line-height:1.6}.tags{text-align:center;color:#cbd5e1;grid-template-columns:repeat(3,1fr);gap:12px;font-size:14px;display:grid}.tags span{background:#ffffff1a;border-radius:16px;padding:12px}.section{max-width:1200px;margin:0 auto;padding:72px 24px}.sectionIntro{max-width:760px;margin-bottom:40px}.sectionIntro h2,.seriesCard h2,.memberCard h2,.finalCta h2{margin:0 0 16px;font-size:clamp(32px,4vw,46px)}.sectionIntro p,.seriesCard p,.memberCard p,.finalCta p{color:#cbd5e1;line-height:1.7}.cardGrid{grid-template-columns:1fr;gap:20px;display:grid}.infoCard{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:28px;padding:28px}.infoIcon{margin-bottom:18px;font-size:34px}.infoCard h3{margin:0 0 12px;font-size:22px}.infoCard p{color:#cbd5e1;line-height:1.6}.darkSection{background:#0f172abf;padding:72px 24px}.contentGrid{grid-template-columns:1fr;gap:28px;max-width:1200px;margin:0 auto;display:grid}.seriesCard,.memberCard{border:1px solid #ffffff1a;border-radius:28px;padding:32px}.seriesCard{background:#020617d9}.memberCard{background:#0ea5e91f;border-color:#38bdf859}.seriesList{flex-direction:column;gap:14px;margin-top:28px;display:flex}.seriesList div{background:#ffffff0f;border-radius:16px;justify-content:space-between;gap:16px;padding:16px;display:flex}.finalCta{text-align:center;max-width:760px;margin:0 auto;padding:72px 24px}.center{justify-content:center;margin-top:28px}footer{text-align:center;color:#94a3b8;border-top:1px solid #ffffff1a;padding:32px 24px;font-size:14px}.footerLogo{justify-content:center;align-items:center;gap:14px;margin-bottom:16px;display:flex}.footerLogo img{object-fit:contain;background:#fff;border-radius:12px;width:42px;height:42px;padding:4px}.footerLogo span{color:#e2e8f0;font-weight:700}@media (width>=768px){.cardGrid{grid-template-columns:repeat(2,1fr)}.contentGrid{grid-template-columns:2fr 1fr}}@media (width>=1024px){.hero{padding:96px 48px}.heroGrid{grid-template-columns:1fr 1fr}.cardGrid{grid-template-columns:repeat(4,1fr)}}