:root{color-scheme:dark;--text:#eef8ff;--muted:#91a9bd;--cyan:#67dbea;--line:rgba(117,204,255,.5)}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:#03101f url('/assets/reef-coral-background.png') center/cover fixed no-repeat;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.login-shell{min-height:100dvh;display:grid;place-items:center;padding:calc(24px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom))}.login-card{width:min(100%,390px);padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(18,57,86,.6),rgba(3,15,30,.72));box-shadow:inset 0 1px rgba(255,255,255,.2),0 28px 90px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(18px) saturate(1.35);backdrop-filter:blur(18px) saturate(1.35)}img{display:block;margin:0 auto 4px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.45))}h1{margin:0;text-align:center;font-family:Georgia,"Times New Roman",serif;font-size:31px;letter-spacing:.1em}.subtitle{margin:7px 0 24px;color:var(--muted);text-align:center}label{display:block;margin-top:15px;color:#b8ccdc;font-size:12px;letter-spacing:.05em}input{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid rgba(117,204,255,.35);border-radius:12px;outline:0;background:rgba(3,14,27,.75);color:var(--text);font:inherit;font-size:16px}input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(103,219,234,.12)}.login-video-button{display:block;width:100%;aspect-ratio:74/29;margin-top:20px;padding:0;overflow:hidden;border:0;border-radius:999px;background:#020a12;box-shadow:0 0 22px rgba(0,153,255,.25);cursor:pointer;-webkit-tap-highlight-color:transparent}.login-video-button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.login-video-button:active{transform:scale(.985)}.login-video-button__media{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-error{padding:10px 12px;border:1px solid rgba(255,107,107,.45);border-radius:11px;background:rgba(91,27,36,.48);color:#ffc0c0;font-size:13px}.login-card small{display:block;margin-top:14px;color:var(--muted);font-size:11px;text-align:center}