@charset "UTF-8";
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:400;font-display:swap;src:url("./assets/fonts/BeVietnamPro-Regular.woff") format("woff")}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:800;font-display:swap;src:url("./assets/fonts/BeVietnamPro-ExtraBold.woff") format("woff")}
@font-face{font-family:"Be Vietnam Pro";font-style:italic;font-weight:900;font-display:swap;src:url("./assets/fonts/BeVietnamPro-BlackItalic.woff") format("woff")}
:root{color-scheme:dark;font-family:"Be Vietnam Pro",Arial,Helvetica,sans-serif;color:#fff;background:#03266d;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html,body{margin:0;min-width:320px;min-height:100%}
body{overflow-x:hidden}
button{font:inherit}
.site-shell{height:100svh;min-height:560px;display:grid;grid-template-rows:clamp(60px,8.5vh,84px) minmax(0,1fr) 40px;overflow:hidden}
.masthead{position:relative;display:flex;align-items:center;padding:0 3.3%;background:linear-gradient(105deg,#08b7f5,#00a6f1 65%,#00b7fb);overflow:hidden;z-index:2;border-bottom:1px solid #74e3ff80}
.wordmark{display:inline-block;font-family:"Arial Black",Arial,Helvetica,sans-serif;font-weight:950;font-style:italic;letter-spacing:-.075em;line-height:.98;white-space:nowrap;transform:skew(-5deg);padding-right:.08em}
.header-logo{font-size:clamp(38px,4.1vw,64px)}
.header-streaks{position:absolute;inset:0 0 0 57%;opacity:.7;background:linear-gradient(135deg,transparent 35%,#88e4ff28 35% 42%,transparent 42% 62%,#e1faffd9 62% 65%,transparent 65% 68%,#c5f6ff99 68% 71%,transparent 71%)}
.home-stage{display:grid;grid-template-rows:minmax(0,1fr) minmax(100px,27%);min-height:0}
.hero{position:relative;isolation:isolate;min-height:0;background:#003082;overflow:hidden}
.hero-art,.strip-art,.redirect-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.hero-art{object-position:center 47%}
.hero-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#001d5a5c 0%,transparent 53%);pointer-events:none}
.hero-content{position:absolute;z-index:1;left:50%;top:49%;transform:translate(-50%,-50%);width:54%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 0;filter:drop-shadow(0 2px 10px #001a54a0)}
.hero-logo{font-size:clamp(68px,9.3vw,150px);text-shadow:0 3px 0 #91d9ff,0 9px 25px #00a2ff40;margin-bottom:23px}
h1,p{margin:0}
.hero h1{font-size:clamp(22px,2.35vw,41px);font-style:italic;font-weight:900;letter-spacing:-.025em;line-height:1.3;white-space:nowrap;text-shadow:0 3px 0 #1498de,0 4px 16px #00265b}
.hero-copy{margin-top:15px;font-size:clamp(13px,1.4vw,22px);font-weight:500;line-height:1.4;text-shadow:0 2px 8px #001448}
.register-button{position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;gap:22px;margin-top:29px;width:min(100%,520px);min-height:83px;padding:18px 28px;border:2px solid #ddffac;border-radius:999px;background:linear-gradient(180deg,#66e516 0%,#1acb00 35%,#08a600 75%,#087f02 100%);box-shadow:0 0 0 4px #63e90990,inset 0 3px 1px #ffffff80,inset 0 -3px 2px #004f2250,0 0 24px #73ff1560,0 8px 22px #00174480;color:#fff;font-size:clamp(22px,2.45vw,38px);font-weight:800;line-height:1.25;letter-spacing:-.015em;text-shadow:0 2px 2px #086708;cursor:pointer;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent}
.register-button::before{content:"";position:absolute;z-index:-1;inset:3px 12% 50% 4%;border-radius:999px;background:linear-gradient(#ffffff24,#ffffff00);pointer-events:none}
.register-button:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 0 0 4px #90ff56a0,inset 0 3px 1px #ffffff80,0 0 38px #73ff1580,0 10px 25px #00174480}
.register-button:active{transform:translateY(1px) scale(.985)}
.register-button:focus-visible{outline:3px solid #fff;outline-offset:8px}
.register-button:disabled{cursor:wait;filter:saturate(.8)}
.hero-hint{font-size:clamp(11px,1vw,14px);margin-top:22px;color:#e1f2ff;text-shadow:0 1px 5px #001647;line-height:1.5}
.hero-hint span[aria-hidden]{margin:0 5px;color:#8edcff}
.mobile-break{display:none}
.visual-strip{position:relative;border-top:2px solid #7aeaff;border-bottom:1px solid #51c7ff;overflow:hidden;background:#0052ac;pointer-events:none}
.strip-art{object-fit:fill}
.strip-tiles{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.strip-tiles img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}
.hero h1,.strip-labels,.redirect-panel h1{font-family:"Be Vietnam Pro",Arial,Helvetica,sans-serif;font-synthesis:none}
.strip-labels{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);align-items:end;background:linear-gradient(transparent 45%,#00205e55);padding:0 1% 16px}
.strip-labels span{text-align:center;color:#fff;font-size:clamp(21px,2.7vw,42px);font-weight:900;letter-spacing:-.015em;line-height:1.35;font-style:italic;text-shadow:0 3px 0 #278fd8,0 4px 8px #001c57}
.footer{display:flex;align-items:center;justify-content:center;gap:30px;background:linear-gradient(90deg,#063689,#003385,#063689);border-top:1px solid #299fe04d}
.footer .wordmark{font-size:24px}
.footer-line{height:1px;width:min(13vw,180px);background:linear-gradient(90deg,transparent,#a0c7f0)}
.footer-line:last-child{transform:rotate(180deg)}
.redirect-stage{position:relative;isolation:isolate;display:grid;place-items:center;padding:32px 20px;min-height:0;overflow:hidden;background:#00276d}
.redirect-art{z-index:-2}
.redirect-stage::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,#00185d25,transparent 80%);pointer-events:none}
.redirect-panel{--progress:0;width:min(760px,67vw);padding:clamp(25px,4vh,45px) clamp(25px,4vw,64px);text-align:center;border:2px solid #56e9ff;border-radius:24px;background:linear-gradient(140deg,#003981ef,#00184bea);box-shadow:0 0 7px #59f2ff,inset 0 0 24px #00b7ff19,0 18px 70px #00122a6b}
.panel-logo{font-size:clamp(36px,3.6vw,58px);margin-bottom:22px}
.redirect-panel h1{font-size:clamp(23px,2.7vw,40px);font-weight:900;font-style:italic;letter-spacing:-.035em;line-height:1.2;text-shadow:0 3px 0 #008dc2}
.countdown{position:relative;width:clamp(130px,20vh,205px);aspect-ratio:1;margin:28px auto 24px}
.countdown-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}
.countdown-ring circle{fill:none;stroke-width:6}
.ring-track{stroke:#36a9e24d}
.ring-progress{stroke:#20e6ff;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--progress));filter:drop-shadow(0 0 4px #00d9ff);transition:stroke-dashoffset .12s linear}
.countdown-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}
#seconds{font-size:clamp(60px,8vh,84px);line-height:1.05;font-weight:800;letter-spacing:-.06em}
.seconds-label{font-size:22px;margin-top:2px}
.redirect-message{font-size:clamp(18px,1.8vw,26px);font-weight:700;line-height:1.4}
.redirect-detail{font-size:clamp(13px,1.3vw,18px);line-height:1.5;color:#c2d5f5;margin-top:8px}
.progress-track{height:10px;border:1px solid #259acb;border-radius:999px;background:#002758;margin-top:32px;overflow:hidden}
.progress-fill{height:100%;width:calc(var(--progress)*100%);background:linear-gradient(90deg,#00b9ff,#86faff);border-radius:inherit;box-shadow:0 0 12px #1ceaff;transition:width .12s linear}
.ready-icon{display:none;position:absolute;inset:25%;width:50%;height:50%;color:#78f8ff}
.is-unconfigured .countdown-value{display:none}
.is-unconfigured .ready-icon{display:block}
.is-unconfigured h1{font-size:clamp(21px,2.4vw,35px)}
.noscript{position:fixed;z-index:5;bottom:0;left:0;right:0;padding:14px;background:#fff;color:#082153;text-align:center}
@media(min-width:1800px){.hero-content{width:52%}.hero-logo{margin-bottom:30px}.register-button{margin-top:38px;min-height:95px;width:570px}.hero-copy{font-size:24px}.hero-hint{margin-top:26px;font-size:16px}}
@media(max-height:760px) and (min-width:761px){.site-shell{grid-template-rows:60px minmax(0,1fr) 30px}.hero-logo{font-size:clamp(65px,8vw,115px);margin-bottom:15px}.hero-copy{margin-top:10px}.register-button{margin-top:20px;min-height:65px;padding:12px 26px;font-size:30px;max-width:430px}.hero-hint{margin-top:16px}.hero h1{font-size:clamp(22px,2.5vw,37px)}.strip-labels{padding-bottom:12px}.footer .wordmark{font-size:20px}.redirect-panel{padding-top:22px;padding-bottom:24px}.panel-logo{margin-bottom:15px}.countdown{margin:18px auto}.progress-track{margin-top:24px}}
@media(max-width:760px){.site-shell{min-height:600px;grid-template-rows:62px minmax(0,1fr) 34px}.masthead{padding:0 20px}.header-logo{font-size:43px}.header-streaks{left:40%}.home-stage{grid-template-rows:minmax(0,1fr) minmax(120px,22%)}.hero-art{object-fit:cover;object-position:26% center;opacity:.8}.hero-shade{background:linear-gradient(0deg,#001d62fa 0%,#002366cc 40%,#002c7350 74%,#00368820)}.hero-content{width:calc(100% - 36px);top:auto;bottom:25px;transform:translateX(-50%);padding:0}.hero-logo{font-size:clamp(68px,16vw,104px);margin-bottom:20px}.hero h1{font-size:clamp(26px,6.8vw,43px);line-height:1.3;white-space:normal;letter-spacing:-.025em}.mobile-break{display:block}.hero-copy{font-size:14px;max-width:300px;margin-top:13px}.register-button{width:min(100%,360px);min-height:68px;margin-top:26px;padding:15px 20px;gap:18px;font-size:28px}.register-button svg{height:25px;width:21px}.hero-hint{font-size:11px;margin-top:20px}.strip-art{object-fit:cover;object-position:center}.strip-labels{padding:0 0 10px;grid-template-columns:repeat(4,1fr)}.strip-labels span{font-size:clamp(11px,2.8vw,19px);white-space:nowrap;letter-spacing:-.015em}.footer .wordmark{font-size:20px}.redirect-stage{padding:24px 18px}.redirect-art{object-position:57% center}.redirect-stage::after{background:#00195855}.redirect-panel{width:100%;max-width:490px;padding:32px 20px;border-radius:20px}.panel-logo{font-size:44px;margin-bottom:24px}.redirect-panel h1{font-size:clamp(23px,5.8vw,33px)}.countdown{width:160px;margin:28px auto 24px}#seconds{font-size:70px}.redirect-message{font-size:19px}.redirect-detail{font-size:14px;max-width:280px;margin:9px auto 0}.progress-track{margin-top:29px;height:8px}.is-unconfigured h1{font-size:25px}}
@media(max-width:760px) and (max-height:740px){.site-shell{min-height:540px}.hero-content{bottom:20px}.hero-logo{font-size:66px;margin-bottom:14px}.hero h1{font-size:27px}.hero-copy{font-size:13px;margin-top:10px}.register-button{min-height:58px;font-size:25px;margin-top:21px}.hero-hint{margin-top:16px}.home-stage{grid-template-rows:minmax(0,1fr) 115px}.redirect-panel{padding:23px 18px}.panel-logo{margin-bottom:17px;font-size:38px}.countdown{width:132px;margin:20px auto}.redirect-message{font-size:17px}.redirect-detail{font-size:13px}.progress-track{margin-top:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}