/* Selector CSS 1.0.7. Countdown styling copied from the installed join-web design. */
:root{color-scheme:dark;--text:#e9f4f8;--muted:#91a9b7;--brand:#01abcd}
*{box-sizing:border-box}html{min-height:100%;background:#081018}
body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 50% -15%,#01abcd25,transparent 55%),linear-gradient(180deg,#081018,#0a121a 55%,#071018)}
.selector-shell{width:min(100% - 32px,740px);margin:auto;padding:16px 0 64px}
.selector-heading{text-align:center;margin:0 auto 36px;max-width:650px}.selector-heading h1{font-size:clamp(2rem,6vw,3.3rem);letter-spacing:-.045em;line-height:1.1;margin:0 0 16px;overflow-wrap:anywhere}.selector-heading p{color:var(--muted);font-size:1.05rem;line-height:1.6;margin:0;white-space:pre-line}
.sessions{display:grid;gap:24px}.session-card{min-width:0;padding:clamp(20px,4vw,32px);border:1px solid #ffffff16;border-radius:24px;background:linear-gradient(145deg,#111e28,#0d1720 78%);box-shadow:0 20px 60px #0004;text-align:center}
.webinar-date{font-size:clamp(.96rem,2.5vw,1.1rem);line-height:1.6;margin:0 0 20px;color:#eff8fb}
a{text-decoration:none;color:inherit}.countdown-card{display:block}.holo-button{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:center;align-items:center;gap:18px;min-height:54px;margin-top:20px;padding:14px 22px;border:1px solid #4de8ff88;border-radius:13px;background:linear-gradient(110deg,#01abcd28,#3274bd30 55%,#ad65fc24);box-shadow:inset 0 0 20px #4de8ff0d,0 0 24px #01abcd13;color:#e7fcff;font-weight:650;letter-spacing:.025em;transition:box-shadow .2s,border-color .2s,transform .2s}.holo-button::before{content:"";position:absolute;inset:-100% -30%;z-index:-1;background:linear-gradient(112deg,transparent 35%,#4de8ff22 46%,#d766ff20 54%,transparent 65%);animation:holoSweep 7s ease-in-out infinite}.holo-button:hover{border-color:#98f2ff;box-shadow:0 0 32px #01abcd35;transform:translateY(-1px)}a:focus-visible{outline:3px solid #c2f8ff;outline-offset:5px}.status{text-align:center;color:var(--muted);line-height:1.65;padding:20px 12px;margin:0}.status:empty{display:none}[hidden]{display:none!important}
.countdown-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #4de8ff66;border-radius:15px;background:linear-gradient(145deg,#07141dcc,#0a1a25e8 58%,#0b1420e8);box-shadow:inset 0 0 0 1px #ffffff08,inset 0 0 28px #01abcd0f,0 0 28px #01abcd14,0 14px 38px #0004;padding:12px 15px 13px;backdrop-filter:blur(10px)}.countdown-card::before{content:"";position:absolute;z-index:-1;inset:-65% -20%;background:linear-gradient(112deg,transparent 31%,#4de8ff13 43%,#d766ff12 51%,#ffffff0d 56%,transparent 69%);transform:translateX(-28%);animation:holoSweep 7s ease-in-out infinite}.countdown-card::after{content:"";position:absolute;z-index:-1;inset:0;opacity:.22;background:linear-gradient(#7defff08 1px,transparent 1px),linear-gradient(90deg,#7defff06 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to bottom,#0009,transparent 88%)}.countdown-heading{font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;color:#bcecf4;margin-bottom:9px;text-shadow:0 0 14px #55e6ff44}.countdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,3rem),1fr));row-gap:8px}.countdown-grid>div{min-width:0;overflow-wrap:anywhere;padding:2px clamp(4px,1vw,11px) 1px;border-left:1px solid #72e9ff25}.countdown-grid>div:first-child{border-left:0}.countdown-grid strong{display:block;font-size:clamp(1.55rem,4.5vw,2.2rem);font-weight:450;line-height:1.05;letter-spacing:.045em;color:#eefcff;font-variant-numeric:tabular-nums;text-shadow:0 0 10px #32deff66,0 0 22px #7d5cff22}.countdown-grid span{display:block;white-space:nowrap;margin-top:7px;font-size:.62rem;letter-spacing:.12em;color:#a9cad6}@keyframes holoSweep{0%,100%{transform:translateX(-30%) rotate(.001deg);opacity:.45}50%{transform:translateX(30%) rotate(.001deg);opacity:.95}}@media(prefers-reduced-motion:reduce){.countdown-card::before{animation:none;transform:none;opacity:.55}}
@media(max-width:380px){.countdown-grid>div{min-width:0;overflow-wrap:anywhere;padding:2px 5px}.countdown-grid span{font-size:.55rem;letter-spacing:.06em}.session-card{min-width:0;padding:20px 14px}}
@media(prefers-reduced-motion:reduce){.holo-button::before{animation:none}.holo-button{transition:none}.holo-button:hover{transform:none}}

.coming-soon{margin-top:24px;border-style:dashed;border-color:#4de8ff44;background:linear-gradient(145deg,#0e1d28,#101725);padding:30px 24px}.sessions:empty + .coming-soon{margin-top:0}.coming-icon{width:80px;height:80px;color:#83eaff;margin:0 auto 14px;filter:drop-shadow(0 0 12px #01abcd44);animation:calendarFloat 4s ease-in-out infinite}.coming-icon svg{width:100%;height:100%;display:block}.coming-soon h2{font-size:clamp(1.2rem,4vw,1.55rem);font-weight:600;margin:0 0 10px;overflow-wrap:anywhere}.coming-soon p{color:var(--muted);line-height:1.65;margin:0;white-space:pre-line;overflow-wrap:anywhere}@keyframes calendarFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.coming-icon{animation:none}}

.selector-banner{width:100%;aspect-ratio:4/1;margin:0 0 28px;border:1px solid #4de8ff33;border-radius:18px;overflow:hidden;background:#0d1720;box-shadow:0 16px 42px #0003}.selector-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}@media(max-width:480px){.selector-banner{border-radius:12px;margin-bottom:22px}}

/* Automatic countdown wrapping keeps enlarged text inside narrow phone cards. */
.status a{color:#9feafa;text-decoration:underline;text-underline-offset:3px}
#sessionRecovery{padding-top:0}