/*
Theme Name: Code Blue
Theme URI: https://codeblue.id
Description: Landing page & registrasi turnamen Code Blue
Author: Code Blue
Version: 1.2
*/

*,*::before,*::after{box-sizing:border-box}
:root{
  --cb-bg:#000151;
  --cb-footer:#000134;
  --cb-footer-dark:#00001c;
  --cb-royal:#161798;
  --cb-accent:#3a40e6;
  --cb-ink:#08093a;
  --cb-white:#fff;
  --cb-white-70:rgba(255,255,255,.7);
  --cb-white-50:rgba(255,255,255,.5);
  --cb-font-body:Inter,system-ui,sans-serif;
  --cb-font-heading:Oswald,sans-serif;
  --cb-container:1742px;
  --cb-gutter:96px;
  --cb-transition:.2s;
}
html{scroll-behavior:smooth;scroll-padding-top:128px}
body{margin:0;background:var(--cb-bg)}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
#codeblue-home :focus-visible{outline:2px solid var(--cb-white);outline-offset:4px}

.site-main{max-width:960px;margin:4rem auto;padding:0 1.5rem;font-family:var(--cb-font-body);line-height:1.7;color:#f8fafc}
.site-main a{color:#93c5fd}
.site-main img{max-width:100%;height:auto}

.cb-section{position:relative;width:100%;max-width:none}
.cb-container{width:min(var(--cb-container),calc(100% - var(--cb-gutter)));margin-inline:auto}
.cb-card{position:relative}
.cb-media-card{position:relative;margin:0;overflow:hidden}
.cb-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}

.cb-btn,
.cb-hdr-btn{display:inline-flex;align-items:center;justify-content:center;padding:24px;font-family:var(--cb-font-heading);font-weight:700;font-size:16px;line-height:1;text-transform:uppercase;white-space:nowrap;border:0;border-radius:0;cursor:pointer;transition:background var(--cb-transition),color var(--cb-transition),border-color var(--cb-transition),transform var(--cb-transition)}
.cb-btn:hover,
.cb-hdr-btn:hover{transform:translateY(-1px)}
.cb-btn:focus-visible,
.cb-hdr-btn:focus-visible{outline:2px solid var(--cb-white);outline-offset:4px}
.cb-btn-primary,
.cb-hdr-solid{background:var(--cb-accent);color:var(--cb-white)}
.cb-hdr-solid{background:var(--cb-royal)}
.cb-btn-primary:hover,
.cb-hdr-solid:hover{background:var(--cb-royal);color:var(--cb-white)}
.cb-btn-outline,
.cb-hdr-outline{background:transparent;border:1px solid var(--cb-white);color:var(--cb-white)}
.cb-btn-outline:hover,
.cb-hdr-outline:hover{background:var(--cb-white);color:var(--cb-royal)}
.cb-btn-outline-dark{background:transparent;border:1px solid var(--cb-accent);color:var(--cb-accent)}
.cb-btn-outline-dark:hover{background:var(--cb-accent);color:var(--cb-white)}

.cb-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cb-form-full{grid-column:1/-1}
.cb-form-group{display:flex;flex-direction:column;gap:8px}
.cb-form-group input,
.cb-form-group select,
.cb-form-group textarea{width:100%}
.cb-form-error{display:none}

@media(max-width:768px){
  .cb-form-row{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
.cb-icon{--cb-icon-size:20px;--cb-icon-stroke:2;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--cb-icon-size);block-size:var(--cb-icon-size);flex:0 0 auto;color:currentColor;line-height:1;vertical-align:middle}
.cb-icon__svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:var(--cb-icon-stroke);stroke-linecap:round;stroke-linejoin:round}
.cb-icon--xs{--cb-icon-size:16px}
.cb-icon--sm{--cb-icon-size:18px}
.cb-icon--md{--cb-icon-size:20px}
.cb-icon--lg{--cb-icon-size:24px}
.cb-icon--xl{--cb-icon-size:32px}
.cb-icon--primary{color:var(--cb-accent)}
.cb-icon--secondary{color:var(--cb-royal)}
.cb-icon--white{color:var(--cb-white)}
.cb-icon--muted{color:var(--cb-white-50)}
.cb-icon--danger{color:#dc2626}
.cb-icon--success{color:#16a34a}
.cb-icon--stroke-1{--cb-icon-stroke:1}
.cb-icon--stroke-1-5{--cb-icon-stroke:1.5}
.cb-icon--stroke-2{--cb-icon-stroke:2}
.cb-icon:is(.is-disabled,[disabled],[aria-disabled=true]){opacity:.5;pointer-events:none}
.cb-icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
#codeblue-home{position:relative;width:100%;max-width:100%;min-height:100vh;background:var(--cb-bg);font-family:var(--cb-font-body);color:var(--cb-white);overflow:hidden;--home-container:var(--cb-container);--home-gutter:clamp(56px,7vw,180px);--home-section-y:clamp(72px,8vw,128px);--home-card-pad:clamp(48px,5vw,90px);--home-copy-gap:clamp(28px,3vw,48px)}
#codeblue-home img{display:block}
#codeblue-home a{text-decoration:none;color:inherit}
#codeblue-home .cb-btn-outline:hover,#codeblue-home .cb-hdr-outline:hover{color:var(--cb-royal)}
#codeblue-home .cb-btn-primary,#codeblue-home .cb-hdr-solid{color:var(--cb-white)}
#codeblue-home main{display:block}
#codeblue-home .cb-grid{position:absolute;left:50%;z-index:1;width:1920px;height:1466px;max-width:none;transform:translateX(-50%);pointer-events:none;background:url("../img/grid-1.svg") center/100% 100% no-repeat}
#codeblue-home .cb-grid-one{top:767px}
#codeblue-home .cb-grid-two{top:2233px}
#codeblue-home .cb-grid-three{top:3941px}
#codeblue-home .cb-grid-four{top:5407px}
#codeblue-home main,#codeblue-home .cb-header,#codeblue-home .cb-footer{position:relative;z-index:2}

/* ===== HEADER ===== */
#codeblue-home .cb-header{position:fixed;top:clamp(28px,2.1vw,40px);left:50%;z-index:50;display:flex;align-items:flex-start;justify-content:space-between;width:min(1785px,calc(100% - var(--home-gutter)));height:100px;transform:translateX(-50%);border-bottom:.5px solid rgba(255,255,255,.5);transition:top .25s,background .25s,backdrop-filter .25s,border-color .25s,box-shadow .25s,padding .25s}
#codeblue-home .cb-header.is-scrolled{top:12px;align-items:center;padding:8px 18px;transform:translateX(-50%);opacity:1;pointer-events:auto;border:1px solid rgba(255,255,255,.22);background:rgba(0,1,81,.58);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.18)}
#codeblue-home .cb-header-brand{display:flex;align-items:center;gap:30px}
#codeblue-home .cb-header-logo{width:65px;height:72px;object-fit:contain}
#codeblue-home .cb-header-anniv{width:207px;height:72px;object-fit:contain}
#codeblue-home .cb-header-nav{display:flex;align-items:center;gap:20px}
#codeblue-home .cb-hdr-btn{min-height:64px}

/* ===== HERO ===== */
#codeblue-home .cb-hero{position:relative;height:1003px;min-height:760px;overflow:hidden;background:transparent}
#codeblue-home .cb-hero-media{position:absolute;inset:0;height:997px;overflow:hidden}
#codeblue-home .cb-hero-bg{position:absolute;left:50%;top:-174px;width:1945px;max-width:none;height:1343px;transform:translateX(-50%);object-fit:cover;object-position:bottom center;filter:saturate(.95)}
#codeblue-home .cb-hero-court{position:absolute;left:50%;top:223px;width:1144px;height:1144px;max-width:none;transform:translateX(-50%);object-fit:cover;opacity:.9;mix-blend-mode:normal}
#codeblue-home .cb-hero-title{position:absolute;top:240px;left:50%;z-index:2;margin:0;transform:translateX(-50%);font-family:Oswald,sans-serif;font-size:clamp(150px,18.23vw,350px);font-weight:500;line-height:1.2;letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;color:transparent;background:linear-gradient(179.755deg,rgba(255,255,255,.37) 3.3958%,rgba(255,255,255,.584) 46.359%,rgba(255,255,255,0) 96.769%);-webkit-background-clip:text;background-clip:text}
#codeblue-home .cb-hero-person{position:absolute;top:154px;left:50%;z-index:4;width:813px;height:843px;max-width:none;overflow:hidden;transform:translateX(-50%);aspect-ratio:813/843}
#codeblue-home .cb-hero-person-img{position:absolute;top:-21%;left:-71.26%;width:188.88%;max-width:none;height:121%;object-fit:fill}
#codeblue-home .cb-hero-kicker{position:absolute;top:583px;left:max(24px,calc(50% - 859px));z-index:8;width:302px;margin:0;font-size:24px;line-height:1;letter-spacing:-1.2px;text-transform:uppercase;color:rgba(255,255,255,.82);text-shadow:0 2px 16px rgba(0,1,81,.75)}
#codeblue-home .cb-hero-fade{position:absolute;left:0;right:0;top:708px;z-index:6;height:295px;background:linear-gradient(to top,var(--cb-bg) 13.636%,rgba(0,1,81,0) 92.269%)}
#codeblue-home .cb-hero-anniv{position:absolute;top:670px;left:50%;z-index:7;margin:0;transform:translateX(-50%);font-family:Oswald,sans-serif;font-size:clamp(84px,9.92vw,190.555px);font-weight:500;line-height:1.2;letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;color:rgba(255,255,255,.8)}
#codeblue-home .cb-hero-copy{position:absolute;top:884px;right:max(24px,calc(50% - 865px));z-index:7;width:788px;margin:0;font-size:18px;line-height:1.8;letter-spacing:-.9px;text-align:right;text-transform:uppercase;color:var(--cb-white-70)}

/* ===== MARQUEE ===== */
#codeblue-home .cb-marquee{position:relative;height:400px;overflow:hidden;background:transparent}
#codeblue-home .cb-marquee-line{position:absolute;margin:0;font-family:Oswald,sans-serif;font-size:104.79px;font-weight:500;line-height:1.2;letter-spacing:-3.1437px;text-transform:uppercase;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.2);opacity:1;animation:cb-marquee 22s linear infinite}
#codeblue-home .cb-marquee-line-one{top:86px;left:calc(50% - 870px)}
#codeblue-home .cb-marquee-line-two{top:231px;left:calc(50% - 1822px);animation-direction:reverse}
@keyframes cb-marquee{from{transform:translateX(0)}to{transform:translateX(-22%)}}

/* ===== EVENT ===== */
#codeblue-home .cb-event{position:relative;height:2058px;overflow:hidden;background:transparent}
#codeblue-home .cb-event-details{position:absolute;top:91px;left:max(calc(var(--home-gutter)/2),calc(50% - 720px));width:min(1390px,calc(100% - var(--home-gutter)));height:739px;transform:none}
#codeblue-home .cb-event-cards{position:absolute;top:0;left:0;z-index:4;display:flex;gap:40px}
#codeblue-home .cb-info-card{display:flex;flex-direction:column;gap:20px;width:178px;padding:20px;background:var(--cb-accent);text-transform:uppercase}
#codeblue-home .cb-info-card-location{width:214px}
#codeblue-home .cb-info-card span{font-size:14px;line-height:normal;letter-spacing:-.7px;color:var(--cb-white-50)}
#codeblue-home .cb-info-card strong{font-family:Oswald,sans-serif;font-size:24px;font-weight:400;line-height:normal;letter-spacing:-1.2px;color:var(--cb-white)}
#codeblue-home .cb-event-copy{position:absolute;top:199px;left:0;z-index:5;display:flex;flex-direction:column;gap:40px;width:462px;text-transform:uppercase}
#codeblue-home .cb-event-copy h2,
#codeblue-home .cb-event-card h2,
#codeblue-home .cb-healthcare-copy h3{margin:0;font-family:Oswald,sans-serif;font-size:62px;font-weight:500;line-height:1.2;letter-spacing:-1.86px;text-transform:uppercase}
#codeblue-home .cb-event-copy p{margin:0;font-size:18px;line-height:1.8;letter-spacing:-.9px;color:var(--cb-white-70)}
#codeblue-home .cb-event-art{position:absolute;top:0;left:446px;width:944px;height:739px}
#codeblue-home .cb-event-shape{position:absolute;top:0;left:120px;width:766px;height:739px;max-width:none;object-fit:fill;opacity:.95}
#codeblue-home .cb-event-logo{position:absolute;top:36px;left:283px;width:523px;height:182px;max-width:none;object-fit:contain}
#codeblue-home .cb-event-players{position:absolute;top:146px;left:0;width:944px;height:593px;max-width:none;object-fit:contain;object-position:bottom center}
#codeblue-home .cb-event-card{position:absolute;top:830px;left:50%;width:min(1440px,calc(100% - var(--home-gutter)));height:1064px;transform:translateX(-50%);background:var(--cb-white);color:var(--cb-royal)}
#codeblue-home .cb-event-card-head h2{position:absolute;top:150px;left:90px;color:var(--cb-royal)}
#codeblue-home .cb-event-card-head img{position:absolute;top:149px;right:93px;width:358px;height:125px;object-fit:contain}
#codeblue-home .cb-experience-list{position:absolute;top:332px;left:50%;display:flex;align-items:center;gap:22.972px;margin:0;padding:0;transform:translateX(-50%);list-style:none;white-space:nowrap}
#codeblue-home .cb-experience-list li{display:flex;align-items:center;justify-content:center;padding:27.566px 22.972px;border:1.149px solid var(--cb-royal);font-family:Oswald,sans-serif;font-size:18.377px;font-weight:700;line-height:1;text-transform:uppercase;color:var(--cb-royal)}
#codeblue-home .cb-experience-list .is-filled{background:var(--cb-royal);color:var(--cb-white)}
#codeblue-home .cb-healthcare-grid{position:absolute;top:520px;left:98px;display:grid;grid-template-columns:574px 592px;gap:86px;align-items:start}
#codeblue-home .cb-healthcare-photo{width:574px;height:383px;object-fit:cover}
#codeblue-home .cb-healthcare-copy{display:flex;flex-direction:column;align-items:flex-end;gap:40px;text-align:right;text-transform:uppercase}
#codeblue-home .cb-healthcare-copy h3{color:var(--cb-royal)}
#codeblue-home .cb-healthcare-copy p{width:592px;margin:0;font-size:18px;line-height:1.8;letter-spacing:-.9px;color:rgba(8,9,58,.7)}
#codeblue-home .cb-actions-dark{justify-content:flex-end}
#codeblue-home .cb-ball{position:absolute;z-index:8;max-width:none;object-fit:contain;pointer-events:none}
#codeblue-home .cb-ball-one{top:-149px;left:calc(50% + 26px);width:297px;filter:none}
#codeblue-home .cb-ball-two{right:-53px;bottom:-75px;width:187px}
#codeblue-home .cb-ball-three{top:476px;left:calc(50% - 111px);width:111px;filter:blur(2.65px)}

/* ===== CELEBRATION ===== */
#codeblue-home .cb-celebrate{position:relative;height:1538px;overflow:hidden;background:transparent;text-align:center}
#codeblue-home .cb-celebrate h2{position:absolute;top:0;left:50%;z-index:1;margin:0;transform:translateX(-50%);font-family:Oswald,sans-serif;font-size:clamp(112px,11.96vw,229.692px);font-weight:500;line-height:1.2;letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(213, 213, 213, 0.545);opacity:.9}
#codeblue-home .cb-celebrate-photo{position:absolute;top:226px;left:50%;z-index:2;width:1922px;height:1081px;max-width:none;transform:translateX(-50%);object-fit:cover}
#codeblue-home .cb-celebrate-fade{position:absolute;top:900px;left:0;right:0;z-index:3;height:420px;background:linear-gradient(to top,var(--cb-bg) 13.636%,rgba(0,1,81,0) 92.22%)}
#codeblue-home .cb-celebrate p{position:absolute;top:1303px;left:50%;z-index:4;margin:0;transform:translateX(-50%);font-size:24px;line-height:1;letter-spacing:-1.2px;text-transform:uppercase;white-space:nowrap;color:var(--cb-white)}
#codeblue-home .cb-diskoria-row{position:absolute;top:1376px;left:50%;z-index:4;display:grid;grid-template-columns:minmax(80px,1fr) auto minmax(80px,1fr);align-items:center;justify-content:center;justify-items:center;gap:clamp(16px,2.3vw,40px);width:min(1742px,calc(100% - 90px));height:162px;overflow:visible;transform:translateX(-50%)}
#codeblue-home .cb-diskoria-row img{width:100%;max-width:427px;height:37px;object-fit:fill;opacity:.8}
#codeblue-home .cb-diskoria-row strong{display:block;width:710px;height:320px;overflow:visible;text-align:center;text-box-trim:trim-both;text-box-edge:cap alphabetic;font-family:Oswald,sans-serif;font-size:200px;font-style:normal;font-weight:500;line-height:1.2;letter-spacing:-6px;text-transform:uppercase;white-space:nowrap;color:transparent;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 710 162' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%25' width='100%25' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(52.55 0 0 52.55 355 81)'><stop stop-color='rgba(200,202,255,1)' offset='0'/><stop stop-color='rgba(150,153,255,1)' offset='0.19231'/><stop stop-color='rgba(109,113,233,1)' offset='0.3125'/><stop stop-color='rgba(68,73,211,1)' offset='0.43269'/><stop stop-color='rgba(51,55,178,1)' offset='0.49399'/><stop stop-color='rgba(34,37,146,1)' offset='0.55529'/><stop stop-color='rgba(17,19,113,1)' offset='0.61659'/><stop stop-color='rgba(8,10,97,1)' offset='0.64724'/><stop stop-color='rgba(0,1,81,1)' offset='0.67788'/></radialGradient></defs></svg>");background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.08em;margin-bottom:-.08em}

/* ===== PARTNER CTA ===== */
#codeblue-home .cb-partner{position:relative;height:859px;overflow:hidden;background:transparent}
#codeblue-home .cb-partner-inner{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:space-between;gap:clamp(56px,6.77vw,130px);width:min(1268px,calc(100% - var(--home-gutter)));transform:translate(-50%,-50%)}
#codeblue-home .cb-partner-copy{display:flex;flex:1 1 0;min-width:0;max-width:567px;flex-direction:column;align-items:flex-start;gap:clamp(40px,4.17vw,60px);text-transform:uppercase}
#codeblue-home .cb-partner-copy h2{margin:0;font-family:Oswald,sans-serif;font-size:clamp(46px,3.61vw,52px);font-weight:500;line-height:1.2;letter-spacing:-1.56px;color:var(--cb-white)}
#codeblue-home .cb-partner-copy p{width:533px;max-width:100%;margin:0;font-size:18px;line-height:1.8;letter-spacing:-.9px;color:var(--cb-white)}
#codeblue-home .cb-partner-photo{position:relative;flex:0 1 571px;width:min(571px,45vw);height:auto;margin:0;aspect-ratio:571/429}
#codeblue-home .cb-partner-photo>img{width:100%;height:100%;object-fit:cover}
#codeblue-home .cb-partner-photo span{position:absolute;top:clamp(20px,2.08vw,30px);right:clamp(20px,2.08vw,30px);width:clamp(150px,13.13vw,189px);padding:10px;background:var(--cb-accent)}
#codeblue-home .cb-partner-photo span img{width:100%;height:auto}

/* ===== JOIN CTA ===== */
#codeblue-home .cb-join{position:relative;height:1078px;overflow:hidden;background:transparent;--cb-join-container:min(var(--home-container),calc(100% - var(--home-gutter)))}
#codeblue-home .cb-join-bg{position:absolute;left:50%;top:255px;width:var(--cb-join-container);height:823px;margin:20px;padding:20px;box-sizing:border-box;overflow:hidden;transform:translateX(-50%);background:url("../img/join-bg.webp") left -129px top -164px/2177px 1151px no-repeat;opacity:.2;filter:blur(2.4px)}
#codeblue-home .cb-join::before{content:"";position:absolute;left:50%;top:198px;width:var(--cb-join-container);height:420px;transform:translateX(-50%);background:linear-gradient(to bottom,var(--cb-bg) 13.636%,rgba(0,1,81,0) 92.22%);z-index:2}
#codeblue-home .cb-join-person{position:absolute;left:max(calc((100% - var(--cb-join-container))/2),21px);top:auto;bottom:0;z-index:3;width:min(1103px,62vw);height:min(1103px,62vw);max-width:none;object-fit:contain;object-position:bottom left}
#codeblue-home .cb-join-icon{position:absolute;top:35px;left:calc(50% - 646px);z-index:6;width:111px;height:111px;max-width:none;object-fit:cover;filter:blur(1.3px);pointer-events:none}
#codeblue-home .cb-join-ball{position:absolute;top:818px;left:calc((100% - var(--cb-join-container))/2 + 82px);z-index:4;width:92px;filter:blur(.4px)}
#codeblue-home .cb-join-copy{position:absolute;top:454px;left:min(calc(50% + 176px),calc((100% + var(--cb-join-container))/2 - 597px));z-index:5;display:flex;flex-direction:column;align-items:flex-start;gap:60px;width:min(597px,var(--cb-join-container));text-transform:uppercase}
#codeblue-home .cb-join-copy>img{width:270px;height:94px;object-fit:contain}
#codeblue-home .cb-join-copy h2{margin:0;font-family:Oswald,sans-serif;font-size:82px;font-weight:500;line-height:1.2;letter-spacing:-2.46px;color:var(--cb-white)}
#codeblue-home .cb-join-copy p{margin:0;font-size:18px;line-height:1.8;letter-spacing:-.9px;color:var(--cb-white)}


/* ===== FOOTER ===== */
#codeblue-home .cb-footer{position:relative;height:80px;overflow:hidden;background:var(--cb-footer);color:var(--cb-white)}
#codeblue-home .cb-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:135px;background:var(--cb-footer-dark)}
#codeblue-home .cb-footer::after{content:"";position:absolute;left:0;right:0;top:0;height:80px;background:var(--cb-footer)}
#codeblue-home .cb-footer-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:min(var(--home-container),calc(100% - var(--home-gutter)));height:80px;margin:0 auto;text-transform:uppercase}
#codeblue-home .cb-footer-links{display:flex;align-items:center;gap:40px}
#codeblue-home .cb-footer-links address{font-style:normal;font-size:16px;line-height:1.8;letter-spacing:-.8px;color:var(--cb-white)}
#codeblue-home .cb-footer-copy{margin:0;font-size:14px;line-height:1.8;letter-spacing:-.7px;color:var(--cb-white)}

/* ===== RESPONSIVE ===== */
@media(max-width:1500px){
  #codeblue-home .cb-header,#codeblue-home .cb-footer-inner{width:calc(100% - var(--home-gutter))}
  #codeblue-home .cb-event-details{width:calc(100% - var(--home-gutter))}
  #codeblue-home .cb-event-art{left:360px;transform:none}
  #codeblue-home .cb-healthcare-grid{left:60px;grid-template-columns:42vw 43vw;gap:50px}
  #codeblue-home .cb-healthcare-photo{width:42vw;height:auto;aspect-ratio:574/383}
  #codeblue-home .cb-healthcare-copy p{width:100%}
}
@media(max-width:1300px){
  #codeblue-home .cb-header{top:28px;width:calc(100% - var(--home-gutter))}
  #codeblue-home .cb-hero{height:880px;min-height:760px}
  #codeblue-home .cb-hero-title{top:245px;font-size:clamp(120px,19vw,240px)}
  #codeblue-home .cb-hero-person{top:190px;width:650px;height:auto}
  #codeblue-home .cb-hero-anniv{top:650px}
  #codeblue-home .cb-hero-copy{top:785px;width:min(620px,calc(100% - 48px))}
  #codeblue-home .cb-hero-kicker{top:560px}
  #codeblue-home .cb-event{height:auto;padding:var(--home-section-y) 0 0}
  #codeblue-home .cb-event-details{position:relative;top:auto;left:auto;display:grid;grid-template-columns:1fr;gap:48px;width:calc(100% - var(--home-gutter));height:auto;margin:0 auto;transform:none}
  #codeblue-home .cb-event-cards,#codeblue-home .cb-event-copy,#codeblue-home .cb-event-art{position:relative;top:auto;left:auto}
  #codeblue-home .cb-event-art{width:100%;height:520px;transform:none;overflow:hidden}
  #codeblue-home .cb-event-shape{left:35%;height:520px}
  #codeblue-home .cb-event-logo{left:45%;width:360px;height:auto}
  #codeblue-home .cb-event-players{left:30%;width:760px;height:auto}
  #codeblue-home .cb-event-card{position:relative;top:auto;left:auto;width:calc(100% - var(--home-gutter));height:auto;min-height:0;margin:0 auto var(--home-section-y);padding:var(--home-card-pad);transform:none}
  #codeblue-home .cb-event-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:48px}
  #codeblue-home .cb-event-card-head h2,#codeblue-home .cb-event-card-head img,#codeblue-home .cb-experience-list,#codeblue-home .cb-healthcare-grid{position:relative;top:auto;left:auto;right:auto;transform:none}
  #codeblue-home .cb-experience-list{flex-wrap:wrap;margin-bottom:56px;white-space:normal}
  #codeblue-home .cb-healthcare-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
  #codeblue-home .cb-healthcare-photo{width:100%}
  #codeblue-home .cb-ball{display:none}
  #codeblue-home .cb-partner-inner{gap:48px;width:calc(100% - var(--home-gutter))}
  #codeblue-home .cb-partner-photo{width:min(520px,44vw)}
  #codeblue-home .cb-join-person{left:-170px;top:auto;bottom:0;width:900px;height:900px}
  #codeblue-home .cb-join-copy{left:calc(50% + 40px);width:520px}
}
@media(max-width:1024px){
  #codeblue-home .cb-header{top:24px;height:auto;align-items:center;padding-bottom:18px}
  #codeblue-home .cb-header.is-scrolled{top:12px;padding:10px 16px}
  #codeblue-home .cb-header-anniv{width:170px;height:auto}
  #codeblue-home .cb-hdr-btn,#codeblue-home .cb-btn{padding:18px 20px;font-size:14px}
  #codeblue-home .cb-hero{height:820px}
  #codeblue-home .cb-hero-bg{top:0;width:130%;height:100%;opacity:.75}
  #codeblue-home .cb-hero-court{top:230px;width:720px;height:720px}
  #codeblue-home .cb-hero-person{top:230px;width:560px}
  #codeblue-home .cb-hero-kicker{top:560px;font-size:18px;width:250px}
  #codeblue-home .cb-hero-copy{top:750px;font-size:15px;line-height:1.6}
  #codeblue-home .cb-marquee{height:280px}
  #codeblue-home .cb-marquee-line{font-size:72px}
  #codeblue-home .cb-marquee-line-one{top:58px}
  #codeblue-home .cb-marquee-line-two{top:158px}
  #codeblue-home .cb-event-copy h2,#codeblue-home .cb-event-card h2,#codeblue-home .cb-healthcare-copy h3{font-size:48px}
  #codeblue-home .cb-event-card-head{flex-direction:column}
  #codeblue-home .cb-healthcare-grid{grid-template-columns:1fr}
  #codeblue-home .cb-healthcare-copy{align-items:flex-start;text-align:left}
  #codeblue-home .cb-actions-dark{justify-content:flex-start}
  #codeblue-home .cb-celebrate{height:1120px}
  #codeblue-home .cb-celebrate-photo{top:180px;height:760px;width:1350px}
  #codeblue-home .cb-celebrate-fade{top:650px}
  #codeblue-home .cb-celebrate p{top:900px;font-size:18px}
  #codeblue-home .cb-diskoria-row{top:955px;gap:32px}
  #codeblue-home .cb-diskoria-row img{width:220px}
  #codeblue-home .cb-diskoria-row strong{font-size:110px}
  #codeblue-home .cb-partner{height:auto;padding:var(--home-section-y) 0}
  #codeblue-home .cb-partner-inner{position:relative;top:auto;left:auto;flex-direction:column;align-items:flex-start;width:calc(100% - var(--home-gutter));transform:none;margin:0 auto}
  #codeblue-home .cb-partner-copy,#codeblue-home .cb-partner-photo{width:100%}
  #codeblue-home .cb-partner-photo>img{width:100%;height:auto;aspect-ratio:571/429}
  #codeblue-home .cb-join{height:auto;min-height:900px;padding:var(--home-section-y) 0;--cb-join-container:calc(100% - var(--home-gutter))}
  #codeblue-home .cb-join-person{position:absolute;left:-180px;top:auto;bottom:0;width:760px;height:760px;margin:0}
  #codeblue-home .cb-join-copy{position:relative;top:auto;left:auto;width:min(560px,100%);margin-left:auto}
  #codeblue-home .cb-footer{height:auto;min-height:80px}
  #codeblue-home .cb-footer-inner{width:calc(100% - var(--home-gutter));height:auto;min-height:80px;padding:20px 0;gap:20px;flex-wrap:wrap;justify-content:center;text-align:center}
  #codeblue-home .cb-footer-links{justify-content:center;flex-wrap:nowrap;gap:12px 28px}
}
@media(max-width:768px){
  html{scroll-padding-top:64px}
  html,body{overflow-x:hidden}
  #codeblue-home{width:100%;max-width:100%;margin:0;overflow:hidden;overflow-x:clip;--home-gutter:32px;--home-section-y:48px;--home-card-pad:18px;--home-copy-gap:20px;--mobile-copy-w:min(312px,calc(100vw - var(--home-gutter)));--mobile-card-w:calc(100% - var(--home-gutter));--mobile-btn-gap:10px;--mobile-body-size:clamp(13px,3.7vw,15px);--mobile-body-line:1.6;--mobile-small-size:12px;--mobile-small-line:1.45}
  #codeblue-home main>section,#codeblue-home .cb-footer{width:100%;max-width:none;overflow:hidden;overflow-x:clip}
  #codeblue-home .cb-grid{display:none}
  #codeblue-home .cb-btn,#codeblue-home .cb-hdr-btn{max-width:100%;min-width:0;text-align:center;white-space:normal}
  #codeblue-home .cb-hdr-btn{white-space:nowrap}

  #codeblue-home .cb-header{position:absolute;top:18px;left:50%;right:auto;z-index:50;display:block;width:142px;height:34px;padding:0;transform:translateX(-50%);border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible}
  #codeblue-home .cb-header.is-scrolled{top:18px;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  #codeblue-home .cb-header-brand{display:flex;align-items:center;gap:13px;width:max-content}
  #codeblue-home .cb-header-logo{width:30px;height:34px}
  #codeblue-home .cb-header-anniv{width:99px;height:auto}
  #codeblue-home .cb-header-nav{position:absolute;top:744px;left:50%;display:flex;width:min(360px,calc(100vw - var(--home-gutter)));gap:10px;transform:translateX(-50%)}
  #codeblue-home .cb-hdr-btn{flex:1 1 0;min-height:44px;padding:15px 12px;font-size:13px;line-height:1}

  #codeblue-home .cb-hero{height:842px;min-height:842px;overflow:hidden}
  #codeblue-home .cb-hero-media{height:604px}
  #codeblue-home .cb-hero-bg{top:0;width:100%;height:604px;object-fit:cover;object-position:bottom center;opacity:1}
  #codeblue-home .cb-hero-court{top:276px;width:min(366px,calc(100% - 36px));height:auto;aspect-ratio:1/1;object-fit:cover}
  #codeblue-home .cb-hero-title{top:120px;left:50%;width:min(380px,100%);font-size:clamp(128px,36vw,150px);line-height:.8;letter-spacing:-4.5px;text-align:center;white-space:normal;word-spacing:999px;background:linear-gradient(178.891deg,rgba(255,255,255,.5) 3.3958%,rgba(255,255,255,.584) 45.433%,rgba(255,255,255,.5) 82.965%,rgba(255,255,255,0) 102.18%);-webkit-background-clip:text;background-clip:text}
  #codeblue-home .cb-hero-person{top:122px;left:calc(50% + 50px);width:430px;height:478px;aspect-ratio:443/492}
  #codeblue-home .cb-hero-person-img{top:-21%;left:-76.5%;width:202.77%;height:121%}
  #codeblue-home .cb-hero-kicker{top:516px;left:50%;width:var(--mobile-copy-w);transform:translateX(-50%);font-size:13px;line-height:1.15;letter-spacing:-.55px;text-align:center;white-space:normal}
  #codeblue-home .cb-hero-fade{top:292px;height:354px}
  #codeblue-home .cb-hero-anniv{top:552px;width:var(--mobile-copy-w);font-size:40px;line-height:1.1;letter-spacing:-1.2px;text-align:center;color:var(--cb-white)}
  #codeblue-home .cb-hero-copy{top:620px;left:50%;right:auto;width:var(--mobile-copy-w);transform:translateX(-50%);font-size:14px;line-height:1.65;letter-spacing:-.55px;text-align:center}

  #codeblue-home .cb-marquee{height:148px}
  #codeblue-home .cb-marquee-line{font-size:32px;line-height:1.2;letter-spacing:-.96px;-webkit-text-stroke:1px rgba(255,255,255,.2)}
  #codeblue-home .cb-marquee-line-one{top:22px;left:calc(50% - 266px)}
  #codeblue-home .cb-marquee-line-two{top:76px;left:calc(50% - 556px)}

  #codeblue-home .cb-event{height:auto;padding:0 0 var(--home-section-y);overflow:visible;overflow-x:clip}
  #codeblue-home .cb-event-details{position:relative;top:auto;left:auto;display:flex;flex-direction:column;align-items:center;width:var(--mobile-card-w);height:auto;margin:0 auto;gap:24px;transform:none}
  #codeblue-home .cb-event-cards{position:relative;top:auto;left:auto;display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:360px;gap:clamp(12px,4vw,20px);transform:none}
  #codeblue-home .cb-info-card,#codeblue-home .cb-info-card-location{width:auto;min-width:0;padding:14px;gap:10px}
  #codeblue-home .cb-info-card span{font-size:11px;line-height:1.2;letter-spacing:-.55px}
  #codeblue-home .cb-info-card strong{font-size:17px;line-height:1.1;letter-spacing:-.85px}
  #codeblue-home .cb-event-copy{position:relative;top:auto;left:auto;z-index:5;align-items:center;width:min(330px,100%);max-width:360px;gap:var(--home-copy-gap);margin:0 auto;transform:none;text-align:center}
  #codeblue-home .cb-event-copy h2{font-size:42px;line-height:1.05;letter-spacing:-1.26px}
  #codeblue-home .cb-event-copy p{font-size:var(--mobile-body-size);line-height:var(--mobile-body-line);letter-spacing:-.55px}
  #codeblue-home .cb-actions{display:flex;width:100%;gap:var(--mobile-btn-gap);justify-content:center;flex-wrap:nowrap}
  #codeblue-home .cb-event-copy .cb-btn{flex:1 1 0;min-width:0;width:auto;padding:14px 10px;font-size:12px;white-space:nowrap}
  #codeblue-home .cb-event-art{position:relative;top:auto;left:auto;width:100%;height:260px;margin-top:-6px;transform:none;overflow:visible}
  #codeblue-home .cb-event-shape{top:0;left:50%;width:300px;height:260px;transform:translateX(-50%)}
  #codeblue-home .cb-event-logo{top:10px;left:50%;width:210px;height:auto;transform:translateX(-50%)}
  #codeblue-home .cb-event-players{top:70px;left:50%;width:100%;height:190px;transform:translateX(-50%);object-fit:contain}

  #codeblue-home .cb-event-card{position:relative;top:auto;left:auto;width:var(--mobile-card-w);height:auto;margin:0 auto;padding:16px var(--home-card-pad);overflow:visible;transform:none}
  #codeblue-home .cb-event-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 18px}
  #codeblue-home .cb-event-card-head h2{position:static;font-size:clamp(36px,10vw,42px);line-height:1.15;letter-spacing:-1.2px}
  #codeblue-home .cb-event-card-head img{display:none}
  #codeblue-home .cb-experience-list{position:static;display:flex;width:100%;gap:8px;flex-wrap:wrap;margin:0 0 20px;padding:0;transform:none;white-space:normal}
  #codeblue-home .cb-experience-list li{min-height:38px;padding:10px 8px;border-width:1px;font-size:clamp(10px,2.9vw,12px);font-weight:700;line-height:1.1;text-align:center}
  #codeblue-home .cb-experience-list li.is-filled{font-size:14px;font-weight:700}
  #codeblue-home .cb-healthcare-grid{position:static;display:grid;width:100%;height:auto;gap:18px;transform:none}
  #codeblue-home .cb-healthcare-photo{position:static;width:100%;height:auto;aspect-ratio:4096/2731;object-fit:cover}
  #codeblue-home .cb-healthcare-copy{position:static;width:100%;gap:14px;align-items:flex-start;text-align:left}
  #codeblue-home .cb-healthcare-copy h3{font-size:clamp(36px,10vw,42px);line-height:1.15;letter-spacing:-1.2px}
  #codeblue-home .cb-healthcare-copy p{width:100%;font-size:var(--mobile-body-size);line-height:var(--mobile-body-line);letter-spacing:-.55px}
  #codeblue-home .cb-actions-dark{justify-content:flex-start;gap:var(--mobile-btn-gap);flex-wrap:nowrap}
  #codeblue-home .cb-healthcare-copy .cb-btn{flex:1 1 0;min-width:0;width:auto;padding:14px 10px;font-size:12px;white-space:nowrap;border-width:1px}
  #codeblue-home .cb-ball{display:none}

  #codeblue-home .cb-celebrate{height:490px;text-align:center}
  #codeblue-home .cb-celebrate h2{top:42px;width:100%;font-size:48.993px;line-height:1.2;letter-spacing:-1.4698px;white-space:nowrap;-webkit-text-stroke:2px rgba(255,255,255,.227)}
  #codeblue-home .cb-celebrate-photo{top:96px;width:min(410px,100%);height:230.587px;object-fit:cover}
  #codeblue-home .cb-celebrate-fade{top:251.917px;height:89.585px}
  #codeblue-home .cb-celebrate p{top:330px;left:50%;width:auto;transform:translateX(-50%);font-size:10px;line-height:1;letter-spacing:-.5px;white-space:nowrap}
  #codeblue-home .cb-diskoria-row{top:358px;display:grid;grid-template-columns:60.803px 228px 60.803px;gap:12px;justify-content:center;width:100%;height:64px;transform:translateX(-50%)}
  #codeblue-home .cb-diskoria-row img{width:60.803px;height:5.287px;object-fit:fill}
  #codeblue-home .cb-diskoria-row strong{width:228px;height:auto;font-size:64px;line-height:1.2;letter-spacing:-1.92px}

  #codeblue-home .cb-partner{height:auto;min-height:0;padding:16px 0 48px;overflow:visible;overflow-x:clip}
  #codeblue-home .cb-partner-inner{position:relative;top:auto;left:auto;display:flex;width:var(--mobile-card-w);max-width:none;gap:28px;flex-direction:column-reverse;align-items:center;margin:0 auto;transform:none}
  #codeblue-home .cb-partner-copy{align-items:center;width:100%;gap:22px;text-align:center}
  #codeblue-home .cb-partner-copy h2{font-size:clamp(30px,9vw,34px);line-height:1.2;letter-spacing:-1px}
  #codeblue-home .cb-partner-copy p{width:100%;font-size:var(--mobile-small-size);line-height:var(--mobile-small-line);letter-spacing:-.45px}
  #codeblue-home .cb-partner-copy .cb-btn{width:auto;margin-top:6px;padding:16px;font-size:14px;white-space:nowrap}
  #codeblue-home .cb-partner-photo{flex:none;width:100%;height:auto;aspect-ratio:374/281}
  #codeblue-home .cb-partner-photo>img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
  #codeblue-home .cb-partner-photo span{top:19.65px;right:19.65px;width:123.793px;padding:6.55px}

  #codeblue-home .cb-join{height:500px;min-height:0;padding:0; margin-left:20px; overflow:hidden}
  #codeblue-home .cb-join-bg{top:20px;left:50%;width:100%;height:580px;transform:translateX(-50%);background-position:left -430px top -180px;background-size:2177px 1151px;opacity:.24;filter:blur(2.4px)}
  #codeblue-home .cb-join::before{top:0;height:300px}
  #codeblue-home .cb-join-icon{top:0;left:calc(50% + 89.5px);width:43px;height:43px;filter:blur(1.3px)}
  #codeblue-home .cb-join-person{position:absolute;top:auto;bottom:0;left:54%;z-index:3;width:min(320px,84vw);height:auto;margin:0;transform:translateX(-50%);object-fit:contain;object-position:bottom center}
  #codeblue-home .cb-join-copy{position:absolute;top:44px;left:50%;z-index:5;display:block;width:calc(100% - var(--home-gutter));height:232px;margin:0;transform:translateX(-50%)}
  #codeblue-home .cb-join-copy>img{position:absolute;top:0;left:0;width:144px;height:auto}
  #codeblue-home .cb-join-copy h2{position:absolute;top:76px;left:0;width:100%;font-size:44px;line-height:1.1;letter-spacing:-1.32px}
  #codeblue-home .cb-join-copy p{position:absolute;top:128px;left:0;width:min(288px,100%);font-size:var(--mobile-small-size);line-height:var(--mobile-small-line);letter-spacing:-.45px}
  #codeblue-home .cb-join-copy .cb-btn{position:absolute;top:204px;left:0;width:auto;padding:15px 16px;font-size:13px;white-space:nowrap}

  #codeblue-home .cb-footer{height:auto;min-height:172px}
  #codeblue-home .cb-footer::before,#codeblue-home .cb-footer::after{height:100%}
  #codeblue-home .cb-footer-inner{position:relative;width:var(--mobile-card-w);height:auto;min-height:172px;padding:24px 0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
  #codeblue-home .cb-footer-links{position:static;display:flex;gap:10px;flex-direction:column;align-items:center;transform:none}
  #codeblue-home .cb-footer-links address{max-width:calc(100vw - var(--home-gutter));font-size:13px;line-height:1.35;letter-spacing:-.45px;overflow-wrap:anywhere;white-space:normal}
  #codeblue-home .cb-footer-copy{position:static;width:100%;margin:0;transform:none;font-size:12px;line-height:1.35;letter-spacing:-.45px;white-space:normal}
}
@media(max-width:390px){
  #codeblue-home .cb-hero-title{font-size:132px;letter-spacing:-3.96px}
  #codeblue-home .cb-btn,#codeblue-home .cb-hdr-btn,#codeblue-home .cb-event-copy .cb-btn,#codeblue-home .cb-healthcare-copy .cb-btn{padding:13px 8px;font-size:11px}
  #codeblue-home .cb-event-copy{width:var(--mobile-card-w)}
  #codeblue-home .cb-experience-list li,#codeblue-home .cb-experience-list li:nth-child(-n+3){font-size:11px}
  #codeblue-home .cb-healthcare-copy h3{font-size:38px}
  #codeblue-home .cb-healthcare-copy p{font-size:16px}
  #codeblue-home .cb-celebrate h2{font-size:44px}
  #codeblue-home .cb-diskoria-row{grid-template-columns:54px 206px 54px;gap:8px}
  #codeblue-home .cb-experience-list{gap:7px}
  #codeblue-home .cb-diskoria-row img{width:54px}
  #codeblue-home .cb-diskoria-row strong{width:206px;font-size:58px}
  #codeblue-home .cb-partner-copy h2{font-size:30px}
  #codeblue-home .cb-join-copy h2{font-size:44px}
}

/* ===== SPONSORS & PARTNERS ===== */
#codeblue-home .cb-sponsors{position:relative;padding:clamp(64px,7vw,110px) 0 clamp(48px,5vw,80px);background:linear-gradient(to bottom,var(--cb-bg) 0%,var(--cb-footer) 26%,var(--cb-footer) 100%)}
#codeblue-home .cb-sponsors-inner{width:min(1268px,calc(100% - var(--home-gutter)));margin-inline:auto;display:flex;flex-direction:column;gap:clamp(40px,4.5vw,64px)}
#codeblue-home .cb-sponsors h2{margin:0;font-family:Oswald,sans-serif;font-size:clamp(30px,3.2vw,44px);font-weight:500;line-height:1.2;letter-spacing:-1.2px;text-transform:uppercase;text-align:center;color:var(--cb-white)}
#codeblue-home .cb-sponsor-tier{display:flex;flex-direction:column;gap:clamp(22px,2.5vw,34px)}
#codeblue-home .cb-tier-label{display:flex;align-items:center;gap:clamp(16px,2vw,28px);margin:0}
#codeblue-home .cb-tier-label::before,#codeblue-home .cb-tier-label::after{content:"";flex:1 1 0;height:1px;background:rgba(255,255,255,.14)}
#codeblue-home .cb-tier-label span{flex:0 0 auto;font-family:var(--cb-font-body);font-size:13px;font-weight:600;line-height:1;letter-spacing:.22em;text-transform:uppercase;color:var(--cb-white-50);white-space:nowrap}
#codeblue-home .cb-sponsor-logos{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(28px,4vw,64px) clamp(36px,5vw,80px);margin:0;padding:0;list-style:none}
#codeblue-home .cb-sponsor-logos li{display:flex;align-items:center;justify-content:center}
#codeblue-home .cb-sponsor-logos img{height:var(--logo-h,44px);width:auto;max-width:min(240px,60vw);object-fit:contain;opacity:.72;filter:brightness(0) invert(1);transition:opacity var(--cb-transition),transform var(--cb-transition)}
#codeblue-home .cb-sponsor-logos li:hover img{opacity:1;transform:translateY(-2px)}
#codeblue-home .cb-tier-gold .cb-sponsor-logos{--logo-h:clamp(56px,5.5vw,80px)}
#codeblue-home .cb-tier-gold .cb-sponsor-logos img{max-width:min(320px,72vw)}
#codeblue-home .cb-tier-silver .cb-sponsor-logos{--logo-h:clamp(38px,3.6vw,52px)}
#codeblue-home .cb-tier-supporting .cb-sponsor-logos,#codeblue-home .cb-tier-official .cb-sponsor-logos{--logo-h:clamp(32px,3vw,44px)}
@media(max-width:768px){
  #codeblue-home .cb-sponsors{padding:56px 0 40px}
  #codeblue-home .cb-sponsors-inner{gap:36px}
  #codeblue-home .cb-sponsors h2{font-size:26px;letter-spacing:-.78px}
  #codeblue-home .cb-tier-label span{font-size:11px;letter-spacing:.2em}
  #codeblue-home .cb-sponsor-tier{gap:20px}
  #codeblue-home .cb-sponsor-logos{gap:24px 32px}
  #codeblue-home .cb-tier-gold .cb-sponsor-logos{--logo-h:48px}
  #codeblue-home .cb-tier-silver .cb-sponsor-logos{--logo-h:34px}
  #codeblue-home .cb-tier-supporting .cb-sponsor-logos,#codeblue-home .cb-tier-official .cb-sponsor-logos{--logo-h:30px}
}