:root{color-scheme:dark;--blue:#70caff;--muted:#9eafc8;--line:rgba(137,186,255,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:#040b19;color:#eff6ff;font-family:Arial,Helvetica,sans-serif;position:relative;isolation:isolate;min-height:100vh}
/* Fixed, clipped light layers never intercept links or widen the page. */
.atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 85% 5%,#0b224d 0,transparent 55%)}
.atmosphere::before,.atmosphere::after{content:"";position:absolute;inset:-20%;will-change:transform}
.atmosphere::before{background:radial-gradient(ellipse at 75% 30%,rgba(29,100,246,.27),transparent 38%),radial-gradient(ellipse at 18% 70%,rgba(0,169,222,.12),transparent 40%);animation:ocean-drift 22s ease-in-out infinite alternate}
.atmosphere::after{background:linear-gradient(118deg,transparent 38%,rgba(57,136,255,.035) 44%,rgba(80,180,255,.10) 46%,transparent 49%,transparent 57%,rgba(24,96,218,.055) 61%,transparent 65%);animation:tide-drift 18s ease-in-out infinite alternate}
.shell{max-width:1240px;margin:auto;padding:0 40px}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
header{min-height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:18px}header>a:last-child{font-size:12px;color:#b7cae3}
.brand{font-size:22px;font-weight:900;letter-spacing:2px;display:flex;align-items:center;gap:10px}.brand small{font-size:10px;color:var(--blue);letter-spacing:3px}.brand-icon{width:31px;height:35px;color:var(--blue)}
.hero{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:40px;min-height:510px;padding:68px 0}.eyebrow{color:var(--blue);letter-spacing:3px;font-size:10px;font-weight:700;margin:0 0 22px}
h1{font-size:clamp(42px,5.4vw,70px);line-height:1.09;letter-spacing:-3px;margin:0}h1 em{font-style:normal;color:#79cfff;background:linear-gradient(110deg,#f1f8ff 0%,#9ddfff 35%,#4195ff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.intro{color:var(--muted);font-size:16px;line-height:1.85;margin:25px 0 32px}.channels{display:flex;gap:10px;flex-wrap:wrap}.channels a{padding:15px 17px;border:1px solid #65aaff33;background:#0b193080;border-radius:7px;font-size:12px;transition:background .2s,border-color .2s,transform .2s}.channels a:hover{background:#153460;border-color:#77bcff88;transform:translateY(-2px)}.channels a:first-child{background:linear-gradient(120deg,#2277e9,#1755c3);border-color:#73bbff55;color:#fff;font-weight:bold;box-shadow:0 8px 30px #006bff25,inset 0 1px #ffffff25}
.emblem{justify-self:center;position:relative;width:304px;height:304px;border:1px solid #79baff33;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 45% 35%,#163a66aa,#091b3599 62%,#061125);color:var(--blue);box-shadow:0 25px 70px #0005,inset 0 0 55px #187fff12;animation:buoy 8s ease-in-out infinite}
.emblem::before{content:"";position:absolute;inset:-17px;border:1px solid #4d96ff14;border-radius:50%}.emblem::after{content:"";position:absolute;inset:13px;border-radius:50%;border:1px solid #6fb8ff20;border-top-color:#9edfffaa;border-bottom-color:#238fff66;animation:compass 40s linear infinite}
.emblem span{font-size:11px;letter-spacing:5px}.emblem b{display:grid;place-items:center;width:145px;height:160px}.anchor-symbol{width:110px;height:120px;filter:drop-shadow(0 0 22px #39a4ff50)}.emblem small{font-size:9px;letter-spacing:3px;color:#92b4d8}
.divider{display:flex;justify-content:space-between;padding:20px 0;border-block:1px solid var(--line);font-size:9px;letter-spacing:2px;color:var(--muted)}.sponsors{padding:46px 0 8px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-head .eyebrow{margin-bottom:10px}h2{font-size:29px;letter-spacing:-.8px;margin:0}.section-head>span{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:8px 12px;border-radius:30px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{position:relative;background:linear-gradient(145deg,rgba(19,38,66,.96),rgba(8,21,40,.96));border:1px solid var(--line);border-radius:12px;padding:23px;display:flex;flex-direction:column;min-width:0;box-shadow:0 8px 28px #0002;transition:transform .25s,border-color .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);border-color:#60aeff70;box-shadow:0 12px 35px #001c4f66}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.card img{width:64px;height:64px;object-fit:contain;border-radius:12px;background:#fff}.placeholder{font-size:35px;color:var(--blue)}.badge{font-size:9px;letter-spacing:1px;border:1px solid #479cff44;background:#2385ff10;color:#90d1ff;border-radius:4px;padding:6px 8px}h3{font-size:19px;margin:0 0 12px;overflow-wrap:anywhere}.card p{font-size:13px;color:#aabbd2;line-height:1.7;margin:0 0 25px;overflow-wrap:anywhere}.visit{display:flex;justify-content:space-between;margin-top:auto;border-top:1px solid var(--line);padding-top:17px;font-size:12px;font-weight:bold;color:#83cfff}.visit span{transition:transform .2s}.visit:hover span{transform:translate(2px,-2px)}.empty{color:var(--muted);font-size:14px;grid-column:1/-1;padding:22px 0}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:64px;padding:30px 0}footer strong{font-size:13px;letter-spacing:2px}footer p,footer>span{font-size:10px;color:var(--muted)}
@keyframes ocean-drift{from{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(4%,3%,0) scale(1.08)}}
@keyframes tide-drift{from{transform:translate3d(-5%,0,0) rotate(-4deg)}to{transform:translate3d(5%,3%,0) rotate(5deg)}}
@keyframes buoy{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes compass{to{transform:rotate(360deg)}}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.emblem{width:235px;height:235px}.emblem b{height:130px}.anchor-symbol{width:85px;height:100px}.emblem span{letter-spacing:3px;font-size:10px}}
@media(max-width:650px){.shell{padding:0 22px}header{min-height:85px}.brand{font-size:16px;gap:6px;letter-spacing:1px}.brand small{font-size:8px;letter-spacing:1px}.brand-icon{width:23px;height:28px}header>a:last-child{font-size:10px;max-width:80px;text-align:right;line-height:1.5}.hero{grid-template-columns:1fr;padding:50px 0 40px;min-height:0;gap:38px}h1{letter-spacing:-1.8px}.emblem{width:180px;height:180px}.emblem b{height:92px}.anchor-symbol{width:67px;height:75px}.emblem span{font-size:8px;letter-spacing:3px}.emblem small{font-size:7px;letter-spacing:2px}.emblem::before{inset:-10px}.emblem::after{inset:9px}.intro{font-size:15px}.channels a{padding:13px;font-size:11px}.divider{font-size:8px;letter-spacing:1px}.divider span:nth-child(2){display:none}.grid{grid-template-columns:1fr}.card-top{margin-bottom:16px}.sponsors{padding-top:36px}h2{font-size:26px}footer{align-items:flex-start;flex-direction:column;gap:10px}footer p{margin:0}.atmosphere::before{opacity:.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.atmosphere::before,.atmosphere::after,.emblem,.emblem::after{animation:none;will-change:auto}.card,.channels a,.visit span{transition:none}}

/* Brand typography and animated mascot. */
.hero{grid-template-columns:1.2fr 1fr;min-height:570px;gap:50px;padding:60px 0 65px}
.hero .eyebrow{display:none}
h1{font-family:"Arial Black",Arial,Helvetica,sans-serif;line-height:.92;letter-spacing:-3px;font-weight:900}
.wordmark-main{display:block;font-size:clamp(66px,7.4vw,104px);color:#f1f7ff;letter-spacing:-5px}
h1 .wordmark-sub{display:block;font-size:clamp(32px,4vw,54px);letter-spacing:.29em;line-height:1.4;margin-top:8px;background:linear-gradient(100deg,#aeeaff,#409cff 75%);background-clip:text;-webkit-background-clip:text}
.intro{font-size:15px;letter-spacing:.2px;margin:23px 0 32px;color:#b2c5de}
.channels a{font-weight:600;letter-spacing:.15px}
h2{font-size:28px;letter-spacing:-.5px;font-weight:700}.section-head .eyebrow{letter-spacing:2px;color:#739abc}
.mascot-stage{position:relative;width:390px;max-width:100%;height:425px;justify-self:center;display:grid;place-items:center;isolation:isolate}
.neon-ring{position:absolute;width:340px;height:340px;border-radius:50%;border:2px solid #69dcff;box-shadow:0 0 7px #d0f8ff,0 0 20px #2ca9ff,0 0 55px #0875ee88,inset 0 0 22px #249bff55;background:radial-gradient(circle,#1262bd22,transparent 70%)}
.neon-ring::before{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px solid #267dd866;box-shadow:0 0 24px #138bff22}
.neon-ring::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:3px solid transparent;border-top-color:#e5ffff;border-right-color:#44caff;filter:drop-shadow(0 0 6px #76e6ff) drop-shadow(0 0 12px #218cff);animation:compass 12s linear infinite}
.mascot-float{width:365px;max-width:100%;height:410px;z-index:1;transform-origin:50% 80%;animation:mascot-sway 6s ease-in-out infinite}
.mascot-image{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 20px #0009) drop-shadow(0 0 10px #298dff30)}
.mascot-label{position:absolute;z-index:2;bottom:-5px;color:#d8f1ff;font-size:10px;font-weight:700;letter-spacing:4px;padding:11px 18px;background:#07182fe8;border:1px solid #428cc866;border-radius:30px;box-shadow:0 0 20px #007aff20}
@keyframes mascot-sway{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
@media(max-width:1000px){.hero{gap:25px}.mascot-stage{width:300px;height:355px}.neon-ring{width:270px;height:270px}.mascot-float{width:300px;height:350px}.wordmark-main{font-size:76px}.wordmark-sub{font-size:39px}}
@media(max-width:650px){.hero{grid-template-columns:1fr;gap:30px;padding:42px 0 36px;min-height:0}.wordmark-main{font-size:clamp(62px,16vw,90px);letter-spacing:-3px}h1 .wordmark-sub{font-size:34px;letter-spacing:.28em}.intro{font-size:14px;margin-top:17px}.mascot-stage{width:280px;height:320px;margin-top:7px}.mascot-float{width:280px;height:315px}.neon-ring{width:246px;height:246px}.mascot-label{font-size:8px;bottom:-7px}.channels{gap:8px}.channels a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.mascot-float,.neon-ring::after{animation:none}}

/* Centered brand composition: word / mascot / word. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero.hero-centered{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);column-gap:26px;row-gap:12px;min-height:570px;padding:52px 0 44px;align-items:center}
.hero-centered .mascot-stage{width:100%;height:390px;max-width:365px;margin:0}
.hero-centered .mascot-float{width:100%;height:390px}
.hero-centered .neon-ring{width:88%;height:auto;aspect-ratio:1}
.hero-word{position:relative;display:grid;place-items:center;min-width:0;width:100%;height:126px;isolation:isolate}
.hero-word span{position:relative;color:#fff;font-family:"Arial Black",Arial,Helvetica,sans-serif;font-size:clamp(30px,4.1vw,60px);font-weight:900;letter-spacing:-1.8px;line-height:1;text-shadow:0 0 14px #60baff40}
.word-neon{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 5px #24aaff) drop-shadow(0 0 12px #1678e977)}
.word-neon rect{fill:none;vector-effect:non-scaling-stroke;stroke-width:1.5}
.word-neon .neon-base{stroke:#218bdb66}
.word-neon .neon-runner{stroke:#97edff;stroke-width:2;stroke-dasharray:20 80;stroke-linecap:round;animation:word-orbit 7s linear infinite}
.word-right .neon-runner{animation-delay:-3.5s}
.hero-bottom{grid-column:1/-1;text-align:center;align-self:start}
.hero-bottom .intro{margin:5px 0 23px;font-size:14px}
.hero-bottom .channels{justify-content:center}
@keyframes word-orbit{to{stroke-dashoffset:-100}}
@media(max-width:1000px){.hero.hero-centered{column-gap:18px;min-height:480px}.hero-centered .mascot-stage,.hero-centered .mascot-float{height:315px}.hero-word{height:102px}.hero-word span{font-size:clamp(25px,4.3vw,44px);letter-spacing:-1px}}
@media(max-width:650px){.hero.hero-centered{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);column-gap:9px;row-gap:22px;min-height:0;padding:36px 0}.hero-centered .mascot-stage,.hero-centered .mascot-float{height:190px}.hero-centered .neon-ring::before{inset:-6px}.hero-word{height:65px}.hero-word span{font-size:clamp(15px,4.4vw,28px);letter-spacing:-.5px}.hero-bottom .intro{font-size:12px;margin:0 0 20px}.word-neon{filter:drop-shadow(0 0 3px #24aaff) drop-shadow(0 0 7px #1678e966)}.word-neon .neon-runner{stroke-width:1.5}}
@media(prefers-reduced-motion:reduce){.word-neon .neon-runner{animation:none}}

/* Small, fast neon lights around the two word frames. */
.word-neon .neon-base{stroke:#218bdb44}
.word-neon .neon-runner{stroke:#c9f8ff;stroke-width:2.6;stroke-dasharray:1.3 23.7;stroke-linecap:round;animation:word-orbit 1.6s linear infinite;filter:drop-shadow(0 0 3px #b7f4ff) drop-shadow(0 0 7px #149aff)}
.word-right .neon-runner{animation-delay:-.8s;animation-direction:reverse}
@media(max-width:650px){.word-neon .neon-runner{stroke-width:2;stroke-dasharray:1.3 23.7}}
@media(prefers-reduced-motion:reduce){.word-neon .neon-runner{animation:none}}

/* Light follows real letter outlines, not the rectangular frame. */
.word-neon .neon-runner{display:none;animation:none;filter:none}
.word-neon .neon-base{stroke:#2688c999;stroke-width:1.3}
.word-neon{filter:drop-shadow(0 0 5px #168bff66)}
.letter-art{display:block;position:relative;width:80%;height:auto;max-height:100%;overflow:visible}
.letter-fill{fill:#fff}
.letter-trail,.letter-head{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;animation:letter-snake 1.8s linear infinite}
.letter-trail{stroke:#248eff;stroke-width:2.4;stroke-dasharray:13 87;filter:drop-shadow(0 0 3px #278cff) drop-shadow(0 0 6px #168bff)}
.letter-head{stroke:#cefbff;stroke-width:1.8;stroke-dasharray:1.5 98.5;filter:drop-shadow(0 0 3px #8eeeff)}
@keyframes letter-snake{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
@media(max-width:650px){.letter-art{width:86%}.letter-trail{stroke-width:1.25}.letter-head{stroke-width:1}}
@media(prefers-reduced-motion:reduce){.letter-trail,.letter-head{animation:none}}
/* One short light, sequentially tracing both words. */
.letter-trail{display:none}
.letter-head{animation:none!important;opacity:0;stroke:#baf5ff;stroke-width:2;stroke-dasharray:5 95;filter:drop-shadow(0 0 2px #a5eeff) drop-shadow(0 0 5px #168bff)}
@media(max-width:650px){.letter-head{stroke-width:1.2}}
@media(prefers-reduced-motion:reduce){.letter-head{display:none}}
/* Strong, steady blue frame glow. */
.word-neon{filter:drop-shadow(0 0 3px #8beaff) drop-shadow(0 0 9px #199bff) drop-shadow(0 0 20px #087affaa)}
.word-neon .neon-base{stroke:#65d8ff;stroke-width:2.2}
.word-neon .neon-runner{display:none}
@media(max-width:650px){.word-neon{filter:drop-shadow(0 0 3px #6bdfff) drop-shadow(0 0 9px #138fff)}.word-neon .neon-base{stroke-width:1.6}}

/* Clean custom lettering, without animated letter lighting. */
.brand-lettering{position:relative;display:block;width:76%;height:64px;overflow:visible;color:#fff;transform:skewX(-7deg);filter:drop-shadow(0 3px 1px #0004)}
.hero-word{background:linear-gradient(160deg,#16305222,#04112644);border-radius:22px}
@media(max-width:1000px){.brand-lettering{height:51px;width:78%}}
@media(max-width:650px){.brand-lettering{height:30px;width:78%}}
/* Position each word by its center, independently of font baselines. */
.hero-word .brand-lettering{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%) skewX(-7deg);transform-origin:center}

/* Single centered brand lockup beneath the mascot. */
.hero.hero-stacked{display:flex;flex-direction:column;align-items:center;gap:0;min-height:0;padding:30px 0 42px}
.hero-stacked .mascot-stage{width:330px;height:350px;max-width:100%;margin:0;flex:none}
.hero-stacked .mascot-float{width:320px;height:350px;max-width:100%}
.hero-stacked .neon-ring{width:285px;height:285px}
.unified-brand{position:relative;z-index:3;width:min(610px,100%);padding:26px 24px;margin:9px 0 0;text-align:center;border:1.5px solid #66d9ff;border-radius:16px;background:linear-gradient(145deg,rgba(20,51,88,.94),rgba(4,17,37,.97));box-shadow:0 0 5px #82dfff88,0 0 25px #148bff44,inset 0 1px 0 #d4f4ff30}
.unified-brand::after{content:"";position:absolute;left:28%;right:28%;bottom:-1px;height:2px;background:#c1f4ff;box-shadow:0 0 12px #41baff}
.unified-brand h1{margin:0;color:#fff;font-family:"Arial Black",Arial,Helvetica,sans-serif;font-size:clamp(26px,4.7vw,52px);font-weight:900;font-style:normal;line-height:1.2;letter-spacing:.035em;white-space:nowrap;text-shadow:0 2px 0 #0004}
.unified-brand h1 span{color:#fff;letter-spacing:.035em}
.hero-stacked .hero-bottom{align-self:auto;width:100%;margin-top:24px;text-align:center}
.hero-stacked .hero-bottom .intro{margin:0 0 21px;color:#a6bad3;font-size:13px}
.hero-stacked .channels{justify-content:center}
@media(max-width:650px){.hero.hero-stacked{padding:22px 0 32px}.hero-stacked .mascot-stage{width:265px;height:285px}.hero-stacked .mascot-float{width:260px;height:285px}.hero-stacked .neon-ring{width:230px;height:230px}.unified-brand{padding:23px 12px;border-radius:13px;margin-top:7px}.unified-brand h1{font-size:clamp(22px,6.5vw,38px);letter-spacing:.015em}.unified-brand h1 span{letter-spacing:.015em}.hero-stacked .hero-bottom{margin-top:22px}}

/* Traveling neon highlight follows the brand box perimeter. */
.unified-brand::after{display:none}
.brand-frame-light{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none;filter:drop-shadow(0 0 3px #c3f8ff) drop-shadow(0 0 8px #28acff)}
.brand-frame-light rect{fill:none;stroke:#d5fbff;stroke-width:2.2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:17 83;animation:brand-frame-orbit 6s linear infinite}
@keyframes brand-frame-orbit{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
@media(max-width:650px){.brand-frame-light rect{stroke-width:1.8}}
@media(prefers-reduced-motion:reduce){.brand-frame-light rect{animation:none}}

/* Broad blue halo matching the mascot ring, with a faster highlight. */
.unified-brand{border-color:#77e1ff;box-shadow:0 0 7px #b0efffaa,0 0 22px #2ca9ff99,0 0 55px #0875ee66,0 0 85px #0875ee22,inset 0 0 22px #249bff22}
.brand-frame-light{filter:drop-shadow(0 0 4px #d1faff) drop-shadow(0 0 11px #28acff)}
.brand-frame-light rect{stroke-width:3;stroke-dasharray:24 76;animation-duration:2.8s}
@media(max-width:650px){.brand-frame-light rect{stroke-width:2.5}.unified-brand{box-shadow:0 0 6px #b0efffaa,0 0 18px #2ca9ff88,0 0 42px #0875ee66,inset 0 0 18px #249bff22}}

/* Refined community links and centered sponsor headings. */
body{font-family:"Segoe UI",Arial,Helvetica,sans-serif}
.hero-stacked .channels{gap:14px}
.channels a{display:flex;align-items:center;justify-content:flex-start;gap:13px;min-height:66px;min-width:205px;padding:12px 18px;background:linear-gradient(145deg,#132b4c,#0a1c35);border:1px solid #4985b84d;border-radius:12px;box-shadow:inset 0 1px 0 #c6e8ff0d,0 8px 22px #0002;font-size:14px;font-weight:600;letter-spacing:.1px}
.channels a:first-child{background:linear-gradient(125deg,#217be0,#164b9f);border-color:#72b8ff88;box-shadow:0 8px 28px #0863da30,inset 0 1px 0 #d5efff26}
.channels a:hover{background:linear-gradient(145deg,#1a3a64,#10294a);border-color:#7dcaffaa;transform:translateY(-3px)}
.channels a:first-child:hover{background:linear-gradient(125deg,#298bf3,#195fc5)}
.channel-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;color:#9bddff;background:#62b7ff12;border:1px solid #83c9ff20;border-radius:9px}
.channel-icon svg{width:21px;height:21px}.channels a:first-child .channel-icon{color:#fff;background:#ffffff12;border-color:#ffffff25}
.channel-label{white-space:nowrap}.channel-arrow{margin-left:auto;color:#b2d6f6;font-size:18px;font-weight:400}
.hero-stacked .hero-bottom .intro{font-size:14px;letter-spacing:.2px;margin-bottom:24px}
.section-head{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;text-align:center;margin-bottom:32px}
.section-head>div{width:100%;display:flex;align-items:center;justify-content:center;gap:24px}
.section-head>div::before,.section-head>div::after{content:"";height:1px;width:95px;max-width:12%;background:linear-gradient(90deg,transparent,#409bdd99)}
.section-head>div::after{transform:rotate(180deg)}
.section-head h2{font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-size:clamp(21px,3vw,30px);font-weight:750;letter-spacing:1.4px;line-height:1.35;color:#eff8ff}
.section-head>span{font-size:11px;font-weight:500;letter-spacing:.3px;padding:5px 12px;color:#8eabc9;border-color:#36648b44;background:#081b302e}
.sponsors{padding-top:48px}.sponsors+.sponsors{margin-top:20px}
.empty{text-align:center;margin:0;padding:28px 20px;color:#91a7c1;background:linear-gradient(90deg,transparent,#18365726,transparent);border:1px solid #5288ac14;border-radius:12px;font-size:14px}
.card h3{font-weight:700;letter-spacing:.1px}.card .visit{padding:12px 14px;border:1px solid #4a92cc44;border-radius:7px;background:#2872c414;font-size:13px}.card .visit:hover{background:#2872c42b;border-color:#65b8ff88}
@media(max-width:650px){.hero-stacked .channels{display:grid;grid-template-columns:1fr;width:min(370px,100%);margin:0 auto;gap:10px}.channels a{min-width:0;width:100%;min-height:62px;font-size:14px;padding:12px 17px}.section-head>div{gap:12px}.section-head h2{font-size:20px;letter-spacing:.8px}.section-head>div::before,.section-head>div::after{max-width:8%}.sponsors{padding-top:36px}.sponsors+.sponsors{margin-top:12px}}

/* Compact sponsor buttons: centered logo with description beneath it. */
.sponsors .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.sponsor-tile{min-width:0;position:relative;border:1px solid #5385bb45;border-radius:14px;background:linear-gradient(145deg,#142c50e8,#0c1d38ee);box-shadow:inset 0 1px 0 #d3eeff09;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.sponsor-tile::before{content:"";position:absolute;top:0;left:22%;right:22%;height:1px;background:linear-gradient(90deg,transparent,#69cfff,transparent);pointer-events:none}
.sponsor-tile:hover{transform:translateY(-3px);border-color:#5fbfff99;box-shadow:0 8px 25px #006de51a,inset 0 1px 0 #c0eaff18}
.sponsor-button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:19px 17px 17px;text-align:center;gap:12px;min-height:145px}
.sponsor-logo{width:100%;height:62px;display:flex;align-items:center;justify-content:center}
.sponsor-logo img{display:block;max-width:100%;width:auto;max-height:62px;height:auto;object-fit:contain;border-radius:0;background:none}
.sponsor-logo span{font-size:23px;font-weight:800;letter-spacing:.2px;color:#f0f7ff;overflow-wrap:anywhere}
.sponsor-description{margin:0;color:#d7e6fa;font-size:12px;line-height:1.6;font-weight:600;overflow-wrap:anywhere;width:100%}
.sponsor-button:focus-visible{outline:2px solid #8ce5ff;outline-offset:-4px;border-radius:13px}
@media(max-width:1000px){.sponsors .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.sponsors .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sponsor-button{padding:15px 10px;gap:10px;min-height:132px}.sponsor-logo{height:52px}.sponsor-logo img{max-height:52px}.sponsor-logo span{font-size:18px}.sponsor-description{font-size:11px;line-height:1.55}}
@media(prefers-reduced-motion:reduce){.sponsor-tile{transition:none}}

/* Fine traveling highlight on sponsor card borders. */
.sponsor-tile{border-color:#4daee5aa;box-shadow:0 0 5px #48bcff30,0 0 17px #168bff20,inset 0 0 12px #2789db0d;overflow:visible}
.sponsor-tile::before{display:none}
.sponsor-tile:hover{border-color:#8ee5ff;box-shadow:0 0 8px #48bcff55,0 0 23px #168bff33}
.sponsor-neon{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1;filter:drop-shadow(0 0 2px #7bddff) drop-shadow(0 0 4px #259dff)}
.sponsor-neon rect{fill:none;stroke:#c0f6ff;stroke-width:1;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:12 88;animation:sponsor-border-orbit 4s linear infinite}
.sponsor-tile:nth-child(2n) .sponsor-neon rect{animation-delay:-1s}
.sponsor-tile:nth-child(3n) .sponsor-neon rect{animation-delay:-2.3s}
@keyframes sponsor-border-orbit{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
@media(prefers-reduced-motion:reduce){.sponsor-neon rect{animation:none}}

/* Wide logo slot keeps transparent wordmarks prominent. */
.sponsor-logo{height:78px;width:100%}
.sponsor-logo img{width:100%;height:78px;max-height:78px;max-width:100%;object-fit:contain}
@media(max-width:650px){.sponsor-logo{height:64px}.sponsor-logo img{height:64px;max-height:64px}}

/* Sponsor descriptions: calmer weight, clearer spacing. */
.sponsor-description{font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.8;letter-spacing:.2px;color:#dce8f7;text-wrap:pretty;-webkit-font-smoothing:antialiased}
@media(max-width:650px){.sponsor-description{font-size:12px;font-weight:400;line-height:1.75;letter-spacing:.15px}}

/* Consistent, lighter channel-button typography. */
.channels a,.channels a:first-child{font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:.2px;line-height:1.4;-webkit-font-smoothing:antialiased}
.channel-label{font-weight:500}
.hero-stacked .hero-bottom{margin-top:28px}
@media(max-width:650px){.channels a,.channels a:first-child{font-size:14px;font-weight:500}.hero-stacked .hero-bottom{margin-top:24px}}

/* Compact channel strip with steady blue illumination. */
.hero-stacked .channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(850px,100%);margin:0 auto;gap:12px}
.channels a,.channels a:first-child{min-width:0;min-height:54px;padding:10px 12px;gap:9px;border-radius:11px;border:1px solid #479fdf88;box-shadow:0 0 6px #369dff22,0 0 19px #168bff22,inset 0 1px 0 #c9efff14;font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:13px;font-weight:500;letter-spacing:.1px;line-height:1.3}
.channels a:first-child{box-shadow:0 0 8px #369dff44,0 0 22px #168bff33,inset 0 1px 0 #c9efff22}
.channel-icon{width:29px;height:29px;border-radius:8px}.channel-icon svg{width:18px;height:18px}
.channel-label{font-weight:500}
.channel-arrow{display:grid;place-items:center;width:19px;height:19px;flex:none;margin-left:auto;color:#aee5ff;animation:channel-arrow-drift 2.8s ease-in-out infinite}
.channel-arrow svg{width:18px;height:18px}
.channels a:hover{border-color:#99e5ff;box-shadow:0 0 8px #369dff44,0 0 24px #168bff44;transform:translateY(-2px)}
@keyframes channel-arrow-drift{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@media(max-width:760px){.hero-stacked .channels{gap:8px}.channels a,.channels a:first-child{font-size:11px;padding:9px 8px;gap:6px}.channel-icon{display:none}}
@media(max-width:520px){.hero-stacked .channels{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;max-width:none;gap:9px;padding:10px 5px 14px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#377faf transparent}.channels a,.channels a:first-child{flex:0 0 auto;min-height:49px;font-size:12px;padding:10px 12px;gap:9px;scroll-snap-align:start}.channel-icon{display:grid;width:26px;height:26px}.channel-arrow{margin-left:4px}}
@media(prefers-reduced-motion:reduce){.channel-arrow{animation:none}}

/* Soft tapered perimeter light instead of a hard SVG dash. */
@property --sponsor-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.sponsor-neon{display:none}
.sponsor-tile{border-color:#458fbe88;box-shadow:0 0 12px #168bff15;isolation:isolate}
.sponsor-tile::before{display:block;content:"";position:absolute;inset:-1px;width:auto;height:auto;border-radius:inherit;padding:1.4px;background:conic-gradient(from var(--sponsor-angle),transparent 0deg,transparent 280deg,#1479d333 305deg,#36b8ff99 330deg,#c5f5ff 343deg,transparent 350deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;animation:sponsor-soft-orbit 5s linear infinite}
.sponsor-tile:nth-child(2n)::before{animation-delay:-1.7s}
.sponsor-tile:nth-child(3n)::before{animation-delay:-3.2s}
@keyframes sponsor-soft-orbit{to{--sponsor-angle:360deg}}
@media(prefers-reduced-motion:reduce){.sponsor-tile::before{animation:none}}

.contact-row{display:flex;justify-content:center;margin-top:17px}
.contact-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 17px;border:1px solid #4da6df66;border-radius:10px;background:#0c2340a6;color:#e8f4ff;font-size:13px;font-weight:500;box-shadow:0 0 14px #168bff15;transition:border-color .2s,background .2s}
.contact-link svg{width:18px;height:18px;color:#8cd9ff;flex:none}.contact-handle{font-size:12px;color:#95b9d8}
.contact-link:hover{border-color:#83d5ff;background:#153355}.contact-link:focus-visible{outline:2px solid #8ce5ff;outline-offset:4px}
@media(max-width:520px){.contact-row{margin-top:10px}.contact-link{padding:10px 14px;gap:8px}}
@media(prefers-reduced-motion:reduce){.contact-link{transition:none}}

/* Keep the first channel reachable in the mobile scrolling strip. */
@media(max-width:520px){.hero-stacked .channels{justify-content:flex-start;scroll-padding-left:5px}.hero-stacked .channels a{width:auto}}

/* Uniform sponsor dimensions across both categories and every row. */
.sponsors .grid{grid-auto-rows:220px}
.sponsor-tile{height:220px;min-height:0}
.sponsor-button{height:100%;min-height:0;overflow:hidden;border-radius:inherit}
.sponsor-logo{flex:0 0 78px;min-height:0;overflow:hidden}
.sponsor-description{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#427ba6 transparent;overscroll-behavior:contain;padding:0 3px;max-width:100%}
.sponsor-description:focus-visible{outline:1px solid #8cd9ff;outline-offset:-1px;border-radius:3px}
@media(max-width:650px){.sponsors .grid{grid-auto-rows:210px}.sponsor-tile{height:210px}.sponsor-logo{flex-basis:64px}}

/* Show full descriptions; script equalizes all sponsor cards to the tallest. */
.sponsors .grid{grid-auto-rows:auto;align-items:stretch}
.sponsor-tile{height:auto;min-height:0}
.sponsor-button{height:100%;min-height:0;overflow:visible}
.sponsor-description{flex:0 0 auto;overflow:visible;max-height:none;min-height:0;overscroll-behavior:auto}
@media(max-width:650px){.sponsors .grid{grid-auto-rows:auto}.sponsor-tile{height:auto}}

/* Bring sponsor sections directly below the contact button. */
.hero.hero-stacked{padding-bottom:12px}
#sponsorlar>.sponsors:first-child{padding-top:20px}
@media(max-width:650px){.hero.hero-stacked{padding-bottom:10px}#sponsorlar>.sponsors:first-child{padding-top:18px}}