:root{color-scheme:dark;font-family:'Segoe UI',Arial,sans-serif;color:#ecf0e8;background:#111d24}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 20%,#263d32 0,transparent 55%),#111d24}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}a{color:#c2dea7}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}.welcome-header{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:32px 5%;border-bottom:1px solid #ffffff12}.welcome-brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:38px;font-weight:900;color:#c1dda2}.welcome-brand span{color:#edf1e6;font-size:11px;letter-spacing:2px}.welcome-header>span{color:#90a79d;font-size:10px;letter-spacing:2px}.welcome-layout{max-width:1440px;margin:auto;padding:56px 5%;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.8fr);gap:7%;align-items:start}.welcome-kicker{font-size:10px;letter-spacing:2px;color:#b3cc9c;font-weight:600}.welcome-story h1{font-size:clamp(36px,4.3vw,64px);line-height:1.1;letter-spacing:-2px;margin:22px 0}.welcome-story>p{max-width:510px;color:#aebeb6;line-height:1.8;font-size:15px}.welcome-features{display:flex;flex-wrap:wrap;gap:20px;color:#aabd9f;font-size:11px}.welcome-account{padding:30px;background:linear-gradient(130deg,#26353e,#1b2933);border:1px solid #ffffff18;border-radius:20px;box-shadow:0 24px 60px #0003}.auth-tabs{display:flex;padding:4px;gap:4px;background:#13212a;border-radius:10px;margin-bottom:28px}.auth-tabs button{flex:1;background:none;border:0;color:#a8bab7;padding:12px 6px;border-radius:7px;font-size:12px}.auth-tabs [aria-pressed=true]{background:#354b3b;color:#d9e8c7}.welcome-account h2{font-size:26px;letter-spacing:-.8px;line-height:1.25;margin:14px 0}.welcome-account p{color:#abbdbd;font-size:13px;line-height:1.6}.welcome-account label{display:block;margin:18px 0;font-size:12px;color:#c4d0d0}.welcome-account input,.welcome-account select{display:block;width:100%;min-width:0;padding:13px 14px;margin-top:8px;border:1px solid #465861;border-radius:8px;background:#14232d;color:#f0f2ec;font-size:14px}.welcome-account small{display:block;font-size:10px;color:#9cafad;margin-top:7px}.password-field{display:flex;align-items:stretch;position:relative}.password-field input{padding-right:72px}.password-field button{position:absolute;right:5px;top:12px;bottom:5px;background:#263b42;border:0;border-radius:5px;color:#cee0c0;font-size:11px;padding:0 10px}.auth-primary{width:100%;padding:15px;border:1px solid #d4e5bd;border-radius:9px;background:#bddaa1;color:#172d22;font-size:14px;font-weight:750;margin-top:10px}.auth-primary:hover{background:#d0e6b9}.auth-note{line-height:1.6;margin-top:18px!important}#auth-message{color:#ffc0b5;font-size:13px}#existing-session{font-size:13px}footer{max-width:1440px;margin:auto;padding:24px 5%;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff12;color:#839b90;font-size:10px;letter-spacing:1px}.intro-body{background:#000;overflow:hidden}.intro-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover}.intro-controls{position:fixed;z-index:2;bottom:25px;left:20px;right:20px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.intro-controls button,.intro-controls a{padding:12px 18px;border:1px solid #ffffff55;background:#13212bdd;border-radius:8px;color:#fff;text-decoration:none;font-size:13px}.intro-status{position:fixed;top:20px;left:20px;padding:10px 15px;background:#13212bdd;border-radius:8px;color:#fff;font-size:13px;z-index:2}@media(max-width:800px){.welcome-layout{grid-template-columns:1fr;gap:30px;padding:30px 5%}.welcome-story h1{font-size:40px}.welcome-account{max-width:560px;width:100%;margin:auto}.welcome-header>span{display:none}.welcome-features{gap:12px}.welcome-account{padding:24px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Full-screen photograph belongs only to the welcome page, not the intro video. */
.welcome-body{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;isolation:isolate;background:#111d24}
.welcome-body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,15,21,.53),rgba(5,15,21,.12) 48%,rgba(5,15,21,.68)),linear-gradient(0deg,rgba(5,15,21,.78),transparent 50%,rgba(5,15,21,.45)),url('/landing-volley.jpg') center center/cover no-repeat;pointer-events:none}
.welcome-body .welcome-header,.welcome-body footer{width:100%}
.welcome-body .welcome-layout{width:100%;flex:1;align-items:center;padding-top:38px;padding-bottom:38px}
.welcome-body .welcome-story{text-shadow:0 2px 18px #000;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:24px}
.welcome-body .welcome-story>p{color:#e2e9e6}
.welcome-body .welcome-features{margin-top:22px;color:#d7e4cd}
.welcome-body .welcome-header>span,.welcome-body footer{color:#c8d4cf}
.welcome-body .welcome-account{background:linear-gradient(130deg,rgba(27,43,53,.95),rgba(15,29,39,.94));box-shadow:0 24px 60px #0005}
@media(max-width:800px){
 .welcome-body::before{background-position:38% center}
 .welcome-body .welcome-layout{padding-top:26px;gap:26px}
 .welcome-body .welcome-story{min-height:340px;padding-top:100px;padding-bottom:0}
 .welcome-body .welcome-story h1{font-size:36px}
}

#auth-message[data-status="success"]{color:#c5dfac}
altcha-widget{display:block;max-width:100%;--altcha-max-width:100%;--altcha-color-base:#13252b;--altcha-color-base-content:#e1e9ef;--altcha-border-color:#425761;--altcha-color-primary:#c2dfad;margin:4px 0 8px}
.auth-help{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:18px}
.auth-help button{padding:0;background:none;border:0;color:#c7dfb4;text-align:left;text-decoration:underline;text-underline-offset:4px;font:inherit;font-size:14px;cursor:pointer}
.auth-help button:focus-visible{outline:2px solid #c7dfb4;outline-offset:5px}
.auth-help[hidden]{display:none}
