@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#070f21;--muted:#a5b2cd;--blue:#75ceff;--line:#ffffff17}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:#f6f9ff;font-family:'DM Sans',sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #91dfff;outline-offset:5px}header{height:98px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#080f20}header .brand img{width:119px;display:block}nav{display:flex;gap:35px;height:100%;align-items:center}nav a{font-size:14px;color:#b4bfd3;position:relative}nav a:hover,nav a.active{color:white}nav a.active:after{content:'';position:absolute;bottom:-36px;height:3px;background:#72cdff;left:0;right:0}.button{border:0;border-radius:7px;background:linear-gradient(110deg,#8adfff,#4699f4);padding:17px 25px;color:#05162f;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.12)}.button.small{padding:12px 18px;font-size:14px}.broadcast{font-size:20px}.hero{min-height:650px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;animation:drift 20s ease-in-out infinite alternate}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#060f23 0%,#071227ed 22%,#07122788 48%,#07122708 77%),linear-gradient(0deg,#070f21,transparent 28%)}.hero-content{position:relative;padding:65px 6% 70px;max-width:830px}.eyebrow{color:#73cafa;letter-spacing:.19em;font-size:12px;font-weight:700;margin-bottom:21px}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(42px,4.4vw,67px);line-height:1.13;letter-spacing:-.055em;margin:0 0 25px;font-weight:800}h1 span{color:#81d4ff}p{color:var(--muted);line-height:1.75}.hero p{font-size:17px;margin-bottom:30px}.actions{display:flex;gap:13px;flex-wrap:wrap}.outline{background:#0b173d55;color:white;border:1px solid #8daac955}.hero-note{display:flex;gap:13px;align-items:center;margin-top:36px;color:#d2daea;font-size:13px;line-height:1.6}.hero-note strong{font-weight:400;color:#899cb8}.mini-play{width:36px;height:36px;background:#ffffff12;border-radius:50%;display:grid;place-items:center;font-size:12px}.image-caption{position:absolute;bottom:51px;right:6%;font-size:10px;letter-spacing:.19em;color:#d2e1f9}.image-caption span{margin-left:22px;color:#81d4ff}.ribbon{display:flex;justify-content:space-around;gap:20px;align-items:center;padding:23px 5%;background:linear-gradient(90deg,#12294d,#142242);border-block:1px solid #80bdff18;font-size:11px;letter-spacing:.16em}.ribbon b{color:#72c7f6;font-size:18px}.section{padding:80px 6%;scroll-margin-top:20px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:25px}h2{font-size:35px;line-height:1.25;letter-spacing:-.035em;margin:0 0 22px}.section-top .eyebrow{margin-bottom:12px}.text-link{font-size:14px;color:#81cfff;white-space:nowrap}.text-link:hover{text-decoration:underline}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:15px 0 30px}.tabs button{background:none;border:0;color:#94a3bd;padding:18px 0;font-size:14px;border-bottom:2px solid transparent}.tabs button[aria-selected=true]{color:#8bd5ff;border-color:#77ccff}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.video-card{text-align:left;color:inherit;background:none;border:0;padding:0;min-width:0}.thumb{aspect-ratio:16/9;position:relative;border-radius:10px;overflow:hidden;background:#122441}.thumb img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.video-card:hover img{transform:scale(1.045)}.play{position:absolute;inset:0;display:grid;place-items:center;background:#02071422}.play span{display:grid;place-items:center;border:1px solid #ffffff88;background:#07162f88;backdrop-filter:blur(5px);width:46px;height:46px;border-radius:50%;font-size:15px}.video-card h3{font-size:16px;line-height:1.55;margin:13px 0 4px;letter-spacing:-.015em}.video-card small{color:#8295b4;font-size:12px}.archive-note{font-size:12px;margin:25px 0 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;border-top:1px solid var(--line);background:linear-gradient(120deg,#0b1b36,#081123)}.about-mark{min-height:315px;border:1px solid #8dd3ff26;border-radius:16px;background:radial-gradient(ellipse at 50% 30%,#23528b 0%,#122e55 40%,#081b38 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;box-shadow:inset 0 0 80px #51b2fb12}.about-mark img{width:55%}.about-mark span{font-size:10px;letter-spacing:.19em;color:#93bfe4}.about p{font-size:16px}.contact{margin:60px 6%;padding:44px 45px;border-radius:14px;background:linear-gradient(120deg,#1458a0,#193877 80%);display:flex;align-items:center;justify-content:space-between;gap:40px}.contact h2{font-size:30px;margin-bottom:12px}.contact .eyebrow{margin-bottom:12px;color:#9bdfff}.contact p{margin:0;color:#bfd8f4;max-width:520px}.white{background:#edf8ff;white-space:nowrap}footer{padding:35px 6%;display:flex;gap:35px;align-items:center;border-top:1px solid var(--line);font-size:12px;color:#899bb7}footer img{width:82px}footer p{flex:1}footer a{color:#d3e2f5}dialog{background:#0d1b34;color:white;border:1px solid #355176;border-radius:14px;padding:22px;width:min(1000px,94vw);max-height:95vh}dialog::backdrop{background:#010814d9;backdrop-filter:blur(10px)}.dialog-top{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:18px}.dialog-top h2{font-size:18px;margin:0}.dialog-top button{border:0;background:#ffffff15;color:white;border-radius:50%;width:38px;height:38px;flex-shrink:0}#player{aspect-ratio:16/9;background:#020611}iframe{border:0;width:100%;height:100%}.player-foot{display:flex;gap:25px;align-items:center}.player-foot p{font-size:13px;flex:1}.player-foot a{color:#8bd5ff;font-size:14px;white-space:nowrap}.live-box{padding:35px;background:linear-gradient(110deg,#142e56,#0d1930);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:35px}.live-box h3{font-size:30px;margin:0}.live-box p{max-width:580px}.live-box>a{color:#8bd5ff}.muted{color:#8090a9}@keyframes drift{to{transform:scale(1.045)}}@media(min-width:1500px){header,.section,footer{padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}.hero-content{margin-left:calc((100vw - 1500px)/2)}}@media(max-width:800px){header{height:82px;padding:0 5%}header .brand img{width:88px}nav{gap:18px}nav a{font-size:12px}nav a.active:after{bottom:-30px}header>.button{display:none}.hero{min-height:700px;align-items:flex-end}.hero-image{object-position:65% center}.shade{background:linear-gradient(0deg,#070f21 2%,#071227e8 38%,#07122733 100%)}.hero-content{padding:200px 6% 50px}h1{font-size:46px}.hero p{font-size:16px}.image-caption{display:none}.ribbon{font-size:9px;gap:10px;flex-wrap:wrap}.ribbon span:last-child,.ribbon b:last-of-type{display:none}.section{padding:55px 6%}.section-top{display:block}h2{font-size:29px}.section-top .text-link{display:inline-block;margin-bottom:12px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.video-card h3{font-size:14px}.about{grid-template-columns:1fr;gap:35px}.about-mark{min-height:240px}.contact{padding:30px;margin:25px 6% 45px;display:block}.contact .button{margin-top:25px}.contact h2{font-size:27px}footer{flex-wrap:wrap;gap:20px}footer p{flex-basis:65%;font-size:12px}footer span{margin-left:auto}.live-box{display:block}.live-box>a{display:block;margin-top:25px}.player-foot{display:block}.player-foot a{display:block;margin-bottom:6px}}@media(max-width:420px){nav{gap:12px}nav a{font-size:11px}.hero-content h1{font-size:40px}.actions .button{padding:14px;font-size:13px}.video-grid{grid-template-columns:1fr}.ribbon span{font-size:8px}.tabs{gap:19px}.tabs button{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none}*{transition:none!important}}

/* Blue glass visual direction */
:root{--bg:#061226;--muted:#b1c4dc;--line:#c7eaff24}body{font-family:-apple-system,BlinkMacSystemFont,'DM Sans',sans-serif;background:radial-gradient(ellipse at 0% 35%,#154d7550,transparent 48%),radial-gradient(ellipse at 95% 72%,#2876b43b,transparent 45%),#061226}h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,'Manrope',sans-serif}header{position:sticky;top:16px;z-index:20;width:calc(100% - 64px);max-width:1280px;margin:16px auto 0;height:76px;padding:0 26px;border:1px solid #d4edff3d;border-radius:28px;background:linear-gradient(120deg,#9bd9ff24,#213c6966);backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);box-shadow:inset 0 1px 0 #ffffff30,0 12px 40px #00000030}header .brand img{width:96px}nav a{font-size:14px}nav a.active:after{bottom:-13px;height:2px;border-radius:3px}.button{border-radius:999px;border:1px solid #ceeeff70;background:linear-gradient(145deg,#b3eaff,#6dbaf5);box-shadow:inset 0 1px 1px #ffffff90,0 5px 18px #00000019;font-weight:600;padding:16px 25px}.button.small{font-size:14px}.outline{color:#eef8ff;background:linear-gradient(135deg,#e4f6ff25,#8abce80f);border-color:#e2f3ff50;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.hero{margin:24px 24px 0;min-height:740px;height:calc(100svh - 130px);max-height:980px;border-radius:36px;border:1px solid #a4d7ff30;isolation:isolate;box-shadow:0 30px 80px #00000030}.hero-image{animation:none;transform-origin:72% 48%;will-change:transform;transform:translate3d(0,0,0) scale(1.06)}.shade{background:linear-gradient(90deg,#051126ee 0%,#07162acc 29%,#07162a42 60%,transparent 90%),linear-gradient(0deg,#07172a90,transparent 45%)}.hero-content{padding:70px 5%;max-width:800px;will-change:transform}h1{font-size:clamp(44px,5.3vw,78px);font-weight:650;line-height:1.06;letter-spacing:-.055em}h1 span{background:linear-gradient(100deg,#d6f2ff,#70c8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:18px;color:#c4d4e6}.hero .eyebrow{display:inline-block;border:1px solid #d8efff33;background:#e7f5ff12;border-radius:999px;padding:10px 16px;backdrop-filter:blur(18px);font-size:12px}.hero-note{display:inline-flex;padding:13px 18px;border-radius:22px;border:1px solid #eff9ff30;background:#adcafc13;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.hero-note strong{color:#b7cae1}.image-caption{font-size:12px;letter-spacing:.12em;padding:14px 20px;bottom:34px;border:1px solid #eff9ff35;border-radius:999px;background:#bccfff13;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.ribbon{margin:22px 5% 0;padding:24px 0;background:transparent;border:0;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.1em}.section{padding:100px 6%}h2{font-size:clamp(30px,3.4vw,46px);font-weight:600;letter-spacing:-.045em}.tabs{border:1px solid #c7eaff2c;display:inline-flex;gap:5px;background:#c6e9ff0c;backdrop-filter:blur(20px);border-radius:999px;padding:5px;margin:12px 0 34px}.tabs button{padding:12px 20px;border:1px solid transparent;border-radius:999px;color:#b4c9e0}.tabs button[aria-selected=true]{color:white;background:linear-gradient(140deg,#d8edff30,#8bbdee16);border-color:#d2ebff38;box-shadow:inset 0 1px 0 #ffffff35,0 3px 12px #00000020}.video-grid{gap:24px}.video-card{border:1px solid #c4e5ff25;border-radius:25px;padding:10px 10px 22px;background:linear-gradient(140deg,#d0e9ff12,#99c2ff06);box-shadow:inset 0 1px 0 #ffffff12;transition:transform .3s,border-color .3s,background .3s}.video-card:hover{transform:translateY(-5px);border-color:#b0ddff65;background:#b5daff17}.thumb{border-radius:17px}.video-card h3,.video-card small{margin-left:10px;margin-right:10px}.video-card h3{font-size:17px}.video-card small{display:block;font-size:13px;color:#a3bad5}.play span{width:52px;height:52px;background:#c4e4ff25;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #ffffff60}.about{background:transparent;gap:70px}.about-mark{border-radius:36px;min-height:370px;border-color:#d2efff40;background:radial-gradient(ellipse at 15% 0%,#8fd9ff38,transparent 70%),linear-gradient(145deg,#a5d2ff1c,#568cff09);backdrop-filter:blur(25px);box-shadow:inset 0 1px 0 #e7f7ff40,0 30px 70px #00000020}.about-mark span{font-size:12px;letter-spacing:.1em;color:#b5d7ef}.contact{margin:20px 6% 85px;padding:55px;border:1px solid #d1ebff4a;border-radius:34px;background:radial-gradient(ellipse at top left,#8addff3b,transparent 80%),linear-gradient(120deg,#236bbd50,#375e9e30);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:inset 0 1px 0 #ffffff40,0 25px 70px #00000020}.contact h2{font-size:34px}.white{background:linear-gradient(145deg,#fff,#c3e7ff)}dialog{border-color:#d2e8ff50;border-radius:28px;background:#102440d9;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);box-shadow:inset 0 1px 0 #ffffff40,0 30px 100px #00000060}.live-box{border:1px solid #c3e2ff30;border-radius:28px;background:linear-gradient(130deg,#a4ccff1d,#79b8ff08)}footer{background:#04102350}.eyebrow{font-size:12px}.image-caption span{font-size:16px}.hero-content{margin-left:0}@media(max-width:800px){header{top:10px;width:calc(100% - 24px);margin-top:10px;padding:0 18px;border-radius:23px;height:70px}header .brand img{width:77px}nav{gap:16px}nav a{font-size:14px}nav a.active:after{bottom:-12px}.hero{margin:14px 12px 0;min-height:760px;height:auto;border-radius:28px;align-items:flex-end}.hero-image{object-position:68% center;transform-origin:65% 35%}.shade{background:linear-gradient(0deg,#061226f5 3%,#061226d9 35%,#06122620 83%)}.hero-content{padding:285px 7% 45px}h1{font-size:53px}.hero p{font-size:17px}.ribbon{gap:15px;justify-content:center;font-size:12px}.ribbon span{font-size:12px}.ribbon b{display:none}.section{padding:65px 6%}.about{gap:35px}.about-mark{min-height:270px}.contact{padding:32px;margin-bottom:55px}.contact h2{font-size:30px}.video-card h3{font-size:16px}.video-card{border-radius:22px}.tabs button{font-size:14px;padding:12px 15px}}@media(max-width:480px){header{height:auto;min-height:96px;flex-wrap:wrap;justify-content:center;gap:11px;padding:14px 12px}header .brand{display:flex;justify-content:center;width:100%}header .brand img{width:65px}nav{height:auto;gap:21px}nav a{font-size:14px}nav a.active:after{bottom:-6px}.hero{min-height:760px}h1,.hero-content h1{font-size:43px}.hero-content{padding-top:290px}.hero .eyebrow{font-size:12px;letter-spacing:.1em}.actions .button{font-size:14px;padding:14px 17px}.tabs{display:flex}.tabs button{flex:1;font-size:14px;padding:11px 9px}.ribbon{display:none}.video-grid{grid-template-columns:1fr}.contact{padding:28px}.about-mark span{font-size:12px}}@media(prefers-reduced-motion:reduce){.hero-image,.hero-content{transform:none!important;will-change:auto}}

.channel-showcase{position:relative;isolation:isolate;overflow:hidden;margin:0 24px 65px;border-radius:36px;border:1px solid #c7eaff40;background:#051735;min-height:660px;display:flex;align-items:center}.channel-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}.channel-copy{padding:60px 6%;width:53%}.channel-logo{width:160px;height:auto;display:block;margin-bottom:35px}.channel-copy h2{font-size:clamp(38px,4.4vw,64px);line-height:1.08;color:#edf8ff}.channel-copy p{color:#c5d9ef;font-size:18px}.channel-stats{display:flex;gap:22px;flex-wrap:wrap;margin:25px 0;color:#c2ddf5}.channel-stats span{padding:12px 17px;border-radius:18px;border:1px solid #e4f5ff40;background:#bee4ff13;backdrop-filter:blur(20px);font-size:14px}.channel-stats strong{display:block;font-size:25px;color:white;font-weight:600}.channel-copy small{display:block;margin-top:20px;color:#aac4e2;font-size:12px;line-height:1.6}@media(max-width:800px){.channel-showcase{margin:0 12px 40px;min-height:0;display:block;border-radius:28px}.channel-backdrop{position:relative;display:block;height:auto;aspect-ratio:16/9;object-fit:cover;z-index:0}.channel-copy{width:100%;padding:30px 8% 40px;background:linear-gradient(130deg,#15477355,#061226)}.channel-logo{width:120px;margin-bottom:25px}.channel-copy h2{font-size:42px}.channel-stats{gap:12px}}
