:root{color-scheme:light;--ink:#122c55;--blue:#1769e0;--muted:#6d82a3;--line:#dfe8f6;--surface:#f5f8fd}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--surface);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #75a8ff;outline-offset:4px}
.skip-link{position:absolute;left:12px;top:-60px;z-index:10;padding:10px 15px;background:white;color:var(--ink);border-radius:8px}
.skip-link:focus{top:12px}
.topbar{height:75px;background:#fff;border-bottom:1px solid #e5edf8}
.topbar-inner,.page-shell,.footer-inner{max-width:1300px;margin:0 auto}
.topbar-inner{height:100%;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:inline-flex;align-items:center;gap:10px;color:#102b56;font:800 21px/1 Manrope,sans-serif;letter-spacing:-1px}
.brand-blue{color:var(--blue)}
.brand-mark{width:37px;height:37px;display:grid;place-items:center;background:#1769e0;color:white;font:700 21px/1 sans-serif;border-radius:12px;letter-spacing:0}
.header-label{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#7a8daa}
.live-dot,.green-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#91e4b0;box-shadow:0 0 0 4px #9be4bd20}
.back-link{font-size:13px;font-weight:700;color:#50698e}
.back-link span:first-child{margin-right:5px;color:#1769e0;font-size:18px;vertical-align:-1px}
.page-shell{padding:29px 48px 68px}
.breadcrumb{display:flex;gap:9px;align-items:center;margin-bottom:22px;color:#94a3b9;text-transform:uppercase;font-size:10px;letter-spacing:.07em;font-weight:700}
.breadcrumb strong{color:#667e9f}
.hero{position:relative;overflow:hidden;color:white;background:#0a1b3c;border:1px solid #1b3562;border-radius:25px;box-shadow:0 25px 52px #16386d1a}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 15%,#21489c99 0%,transparent 38%),radial-gradient(ellipse at 5% 110%,#136e8b55 0%,transparent 39%),linear-gradient(115deg,#07142e 8%,#112c62 68%,#0c214a 100%);pointer-events:none}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(100deg,transparent 18%,#000 100%);opacity:.7}
.orb{position:absolute;border:1px solid #94c8ff30;border-radius:50%;pointer-events:none}
.orb-one{width:430px;height:430px;right:-115px;top:-240px;box-shadow:0 0 0 55px #8dbbff0a,0 0 0 110px #8dbbff06}
.orb-two{width:250px;height:250px;left:-155px;bottom:-140px;box-shadow:0 0 0 45px #62ddb30a}
.hero-top,.count-wrap,.hero-bottom{position:relative;z-index:1}
.hero-top{display:flex;justify-content:space-between;align-items:center;gap:34px;padding:54px 60px 40px}
.hero-copy{flex:1;min-width:0}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid #6b9fe25e;border-radius:7px;background:#ffffff0c;color:#b3d4ff;font-size:10px;font-weight:800;letter-spacing:.11em}
.sparkle{font-size:14px;color:#a7e7c0}
h1,h2,p{margin-top:0}
h1{margin:23px 0 17px;color:#fff;font:800 clamp(46px,5.2vw,72px)/1.03 Manrope,sans-serif;letter-spacing:-.065em}
h1 span{color:#a6e9ca}
.hero-description{margin:0;color:#b5c8e6;font-size:15px;line-height:1.8}
.date-card{width:274px;flex:none;padding:20px 21px;border:1px solid #a5ccff42;background:linear-gradient(130deg,#ffffff19,#ffffff09);border-radius:17px;box-shadow:0 18px 40px #06122c30;backdrop-filter:blur(5px)}
.date-card-label{display:flex;align-items:center;gap:9px;color:#c6d9f8;font-size:9px;font-weight:800;letter-spacing:.1em}
.date-card-body{display:flex;align-items:center;gap:14px;margin:20px 0 19px}
.calendar-icon{width:54px;height:56px;position:relative;display:flex;align-items:end;justify-content:center;padding-bottom:7px;border-radius:12px;background:#d9eaff;color:#183e78;font:800 21px/1 Manrope,sans-serif}
.calendar-icon span{position:absolute;left:10px;right:10px;top:10px;height:4px;border-radius:3px;background:#6e9cd7}
.date-card-body strong{display:block;font:800 20px/1.2 Manrope,sans-serif;letter-spacing:-.04em}
.date-card-body small{display:block;margin-top:5px;color:#afc2e1;font-size:11px}
.date-divider{height:1px;background:#d5e5ff26}
.date-card-footer{display:flex;justify-content:space-between;margin-top:13px;color:#aabfe2;font-size:10px;font-weight:600}
.count-wrap{margin:0 60px;padding:28px 32px 22px;border-radius:18px;border:1px solid #ffffff21;background:#06142d78}
.count-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}
.count-kicker,.section-eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em}
.count-kicker{color:#91a9d1}
.count-heading h2{margin:6px 0 0;color:#fff;font:700 17px/1.3 Manrope,sans-serif}
.time-zone{margin-top:3px;color:#91a9d1;font-size:9px;letter-spacing:.1em;font-weight:800;text-align:right}
.time-zone span{margin-left:7px;color:#a6e9ca;font-size:15px}
.countdown{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin:25px 0 15px;max-width:860px}
.time-unit{min-width:0;flex:1}
.time-value{display:block;color:#fff;font:800 clamp(38px,6.4vw,80px)/1 Manrope,sans-serif;letter-spacing:-.075em;font-variant-numeric:tabular-nums;white-space:nowrap}
.time-label{display:block;margin-top:11px;color:#93abd2;font-size:10px;font-weight:800;letter-spacing:.12em}
.colon{padding-top:4px;color:#6f89b5;font:600 clamp(30px,5vw,58px)/1 Manrope,sans-serif}
.count-note{margin:0;color:#a3b9dc;font-size:12px;line-height:1.5}
.hero-bottom{display:flex;justify-content:space-between;gap:10px;padding:27px 61px;color:#92abd3;font-size:9px;font-weight:800;letter-spacing:.1em}
.hero-bottom span:first-child{display:flex;align-items:center;gap:9px}
.hero-bottom span:last-child span{color:#9fe5bb;font-size:14px}
.below{padding-top:56px}
.section-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}
.section-eyebrow{color:#3980da}
.section-intro h2{margin:6px 0 7px;font:800 clamp(25px,3vw,32px)/1.15 Manrope,sans-serif;letter-spacing:-.05em}
.section-intro p{margin:0;color:#7a8ea9;font-size:14px;line-height:1.6}
.section-number{color:#adbbce;font-size:11px;font-weight:800;letter-spacing:.08em}
.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.action-card{display:flex;flex-direction:column;align-items:start;position:relative;min-height:214px;padding:23px 24px 20px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 5px 14px #173b7007;transition:transform .2s,border-color .2s,box-shadow .2s}
.action-card:hover{transform:translateY(-3px);border-color:#adcdf8;box-shadow:0 14px 25px #173b7010}
.action-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:19px;font-weight:700}
.action-icon.blue{background:#e9f2ff;color:#1769e0}.action-icon.purple{background:#f0ecff;color:#7767cf}.action-icon.green{background:#eaf8ed;color:#3d9561}
.card-number{position:absolute;right:24px;top:27px;color:#aebdd0;font-size:10px;font-weight:800;letter-spacing:.1em}
.card-title{margin-top:17px;color:#122c55;font:800 15px/1.3 Manrope,sans-serif}
.card-description{margin-top:8px;color:#8092ad;font-size:12px;line-height:1.6}
.card-link{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:17px;color:#1769e0;font-size:12px;font-weight:800}
.card-link b{font-size:15px}
.source-note{display:flex;align-items:start;gap:13px;margin-top:22px;padding:17px 20px;border:1px solid #e0eaf8;border-radius:13px;background:#eef4fc}
.info-icon{display:grid;place-items:center;flex:none;width:21px;height:21px;border:1px solid #adc7e9;border-radius:50%;color:#6f91bd;font:700 13px/1 Georgia,serif}
.source-note p{margin:0;color:#6e84a3;font-size:11px;line-height:1.75}
.source-note a{color:#386fae;text-decoration:underline;text-underline-offset:2px}
footer{background:#fff;border-top:1px solid #e4ecf7}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:29px 48px}
.footer-brand{color:#173561;font:800 15px/1 Manrope,sans-serif}
.footer-brand span,.footer-brand strong{color:#1769e0}.footer-brand span{margin-right:6px}
.footer-inner p{margin:7px 0 0;color:#91a1b8;font-size:11px}
.footer-links{display:flex;gap:20px;color:#7285a1;font-size:11px;font-weight:700}
.footer-tag{color:#a9b7c9;font-size:9px;font-weight:800;letter-spacing:.08em}
@media(max-width:850px){.topbar-inner{padding:0 26px}.page-shell{padding:25px 26px 55px}.hero-top{padding:44px 36px 34px}.count-wrap{margin:0 36px;padding:25px}.hero-bottom{padding:23px 37px}.date-card{width:235px}.action-card{padding:20px}.footer-inner{padding:27px 26px}.footer-tag{display:none}}
@media(max-width:650px){.topbar{height:68px}.topbar-inner{padding:0 20px}.header-label{display:none}.page-shell{padding:22px 16px 48px}.breadcrumb{margin-bottom:17px}.hero{border-radius:20px}.hero-top{display:block;padding:32px 24px 24px}h1{font-size:clamp(42px,11vw,59px);margin:19px 0 13px}.hero-description{font-size:14px}.date-card{width:100%;margin-top:25px;padding:16px}.date-card-body{margin:14px 0}.calendar-icon{width:46px;height:47px;font-size:18px}.calendar-icon span{top:8px}.date-card-body strong{font-size:18px}.count-wrap{margin:0 16px;padding:22px 17px 19px;border-radius:15px}.count-heading h2{font-size:15px}.countdown{gap:3px;margin:23px 0 13px}.time-unit:first-child{flex:1.35}.time-value{font-size:clamp(34px,8.3vw,53px);letter-spacing:-.07em}.time-label{margin-top:8px;font-size:8px;letter-spacing:.07em}.colon{font-size:clamp(26px,6vw,37px);padding-top:3px}.time-zone{font-size:8px}.count-note{font-size:11px}.hero-bottom{padding:21px 24px;font-size:8px}.hero-bottom>span:last-child{display:none}.below{padding-top:40px}.section-intro{align-items:start}.section-number{display:none}.action-grid{grid-template-columns:1fr;gap:10px}.action-card{min-height:0;padding:19px 20px}.card-title{margin-top:13px}.card-link{padding-top:14px}.source-note{padding:15px}.footer-inner{padding:25px 20px;align-items:start;flex-wrap:wrap}.footer-links{padding-top:2px}}
@media(max-width:360px){.count-wrap{padding-left:13px;padding-right:13px}.time-value{font-size:32px}.time-label{font-size:7px}.colon{font-size:26px}.time-zone{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.action-card{transition:none}}