.alpha-welcome { position:relative; isolation:isolate; display:flex; flex-direction:column; align-items:center; min-height:100dvh; padding:0 24px; background:#000; color:#fff; font-family:Manrope,sans-serif; }
.alpha-welcome-video { position:fixed; inset:0; width:100%; height:100%; object-fit:cover; opacity:.5; z-index:-1; pointer-events:none; }
.alpha-welcome-brand { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:240px; height:40dvh; flex-shrink:0; text-align:center; }
.alpha-welcome-brand img { width:clamp(90px,22vw,130px); height:auto; }
.alpha-welcome-name { font-size:2.6rem; font-weight:500; letter-spacing:.25em; padding-left:12px; line-height:1; margin-top:8px; }
.alpha-welcome-tagline { font-size:9px; font-weight:700; letter-spacing:.45em; text-transform:uppercase; color:#b8c6d9; margin-top:12px; padding-left:4px; white-space:nowrap; }
.alpha-welcome-form { width:100%; max-width:448px; display:flex; flex-direction:column; justify-content:flex-end; flex:1; padding:24px 0 max(60px,env(safe-area-inset-bottom)); }
.alpha-welcome-help { font-size:12px; line-height:1.6; color:#c6d3e2; }
.alpha-welcome .alpha-error { margin:0; background:#471e2a; }
.alpha-welcome :focus-visible { outline:2px solid #8cd3ff; outline-offset:3px; }
.alpha-motion-control { position:absolute; top:max(12px,env(safe-area-inset-top)); right:12px; width:44px; height:44px; display:grid; place-items:center; background:#0008; border:1px solid #ffffff26; border-radius:50%; color:#c6d3e2; }
.alpha-onboarding { max-width:480px; margin:auto; }
.alpha-onboarding :focus-visible { outline:2px solid #8cd3ff; outline-offset:3px; }
.alpha-onboarding h1:focus { outline:none; }
.alpha-onboarding input,.alpha-onboarding select { font-size:16px !important; }
.alpha-onboarding .alpha-onboarding-back { min-height:44px; padding:8px 0; color:#a5cfff; font-size:13px; }
.alpha-onboarding-summary { border:1px solid #2b8cee66; background:#121921; padding:24px; border-radius:20px; line-height:1.7; }
.alpha-onboarding-summary h1 { font-size:24px; font-weight:800; line-height:1.3; margin-top:12px; }
.alpha-onboarding-summary>.material-symbols-outlined { font-size:48px; }
.alpha-onboarding-summary p { color:#b8c6d9; margin-top:12px; }
@media(max-height:700px) { .alpha-welcome-brand { min-height:184px; height:32dvh; } .alpha-welcome-form { padding-bottom:max(24px,env(safe-area-inset-bottom)); } }
@media(prefers-reduced-motion:reduce) { .alpha-onboarding *, .alpha-welcome * { transition:none !important; animation:none !important; } }
.alpha-google-button { width:100%; display:flex; align-items:center; justify-content:center; gap:12px; min-height:56px; padding:14px 20px; border:1px solid #747775; border-radius:28px; background:#fff; color:#1f1f1f; font:600 16px/24px Manrope,sans-serif; text-decoration:none; }
.alpha-google-button svg { flex-shrink:0; }
.alpha-google-button:hover { background:#f2f2f2; }
.alpha-welcome-form>.alpha-welcome-help { text-align:center; margin-top:16px; }
.alpha-welcome-form>.alpha-error { margin-bottom:20px; }