@font-face{font-family:"Cue Google Sans";src:url('./google-sans-medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
.cue-auth,.cue-auth *{box-sizing:border-box}
.cue-auth{--auth-bg:var(--cue-ink,#080A10);--auth-surface:var(--cue-night,#10141E);--auth-text:var(--cue-paper,#F5F3EE);--auth-muted:var(--cue-muted,#A9B3C7);--auth-line:var(--cue-line,#30394B);--auth-blue:var(--cue-blue,#2F64F5);--auth-focus:var(--cue-ice,#BEE8FF);min-height:100dvh;background:var(--auth-bg);color:var(--auth-text);font-family:Manrope,Arial,sans-serif;color-scheme:dark;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px 28px;position:relative}
.cue-auth [hidden]{display:none!important}
.cue-auth .auth-panel{width:100%;max-width:400px;margin:auto 0;padding:36px 0 48px;text-align:center;border:0;background:none;border-radius:0;box-shadow:none}
.cue-auth .auth-wordmark{display:block;width:min(200px,78%);height:auto;margin:0 auto 30px}
.cue-auth h1{color:var(--auth-text);font:750 clamp(30px,4vw,38px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-1.4px;margin:0 0 12px}
.cue-auth .auth-subtitle{font-size:15px;line-height:1.6;color:var(--auth-muted);margin:0 0 36px}
.cue-auth .auth-options{display:grid;gap:14px}
.cue-auth .auth-option,.google-sign-in.auth-option{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:56px;padding:0 48px;border:1px solid var(--auth-line,#30394B);border-radius:12px;background:transparent;color:var(--auth-text,#F5F3EE);font:600 15px/1.4 Manrope,Arial,sans-serif;text-decoration:none;cursor:pointer;margin:0;transition:border-color .15s,background .15s}
.cue-auth .auth-option:hover{background:var(--cue-slate,#191F2D);border-color:#748098}
.google-sign-in.auth-option{background:#131314;color:#e3e3e3;border-color:#8e918f;font-family:"Cue Google Sans",Arial,sans-serif;font-weight:500;font-size:16px}
.google-sign-in.auth-option:hover{background:#242426;border-color:#8e918f}
.google-sign-in.auth-option img{position:absolute;left:20px;width:20px;height:20px;object-fit:contain;display:block}
.cue-auth .auth-option svg{position:absolute;left:19px;width:22px;height:22px;color:var(--auth-blue)}
.cue-auth :is(button,a,input):focus-visible,.google-sign-in:focus-visible{outline:3px solid var(--auth-focus,#BEE8FF);outline-offset:4px}
.cue-auth .auth-back{display:flex;align-items:center;gap:6px;color:var(--auth-muted);font:500 13px Manrope,Arial,sans-serif;border:0;padding:8px 0;background:transparent;margin:0 0 20px;cursor:pointer;min-height:36px}
.cue-auth .auth-back svg{width:16px;height:16px}
.cue-auth .auth-form{width:100%;margin:0;border:0;padding:0;background:none;text-align:left}
.cue-auth .auth-fields{border:0;margin:0;padding:0;min-width:0}
.cue-auth .auth-label{display:grid;gap:8px;color:var(--auth-text);font-size:13px;font-weight:600;margin:0 0 18px}
.cue-auth .auth-input{width:100%;height:52px;min-height:52px;padding:0 15px;border:1px solid var(--auth-line);border-radius:10px;background:var(--auth-surface);color:var(--auth-text);font:400 16px Manrope,Arial,sans-serif;box-shadow:none}
.cue-auth .auth-input::placeholder{color:var(--auth-muted);opacity:1}
.cue-auth .auth-submit{display:block;width:100%;height:52px;min-height:52px;margin:8px 0 0;border:0;border-radius:10px;background:var(--auth-blue);color:#fff;font:650 15px Manrope,Arial,sans-serif;cursor:pointer}
.cue-auth .auth-submit:hover{background:var(--cue-blue-hover,#2455DD)}
.cue-auth button:disabled{opacity:.55;cursor:wait}
.cue-auth .auth-switch{margin:22px 0 0;min-height:36px;padding:8px;border:0;background:none;color:var(--auth-muted);font:400 13px/1.5 Manrope,Arial,sans-serif;cursor:pointer}
.cue-auth .auth-switch strong{color:var(--auth-focus);font-weight:650;margin-left:4px}
.cue-auth .auth-error:empty{display:none}
.cue-auth .auth-error,.cue-auth .auth-message{font-size:13px;line-height:1.6;margin:0 0 18px;color:var(--cue-danger,#FFA5AC);overflow-wrap:anywhere}
.cue-auth .auth-message{color:var(--auth-muted)}
.cue-auth .auth-footer{display:flex;align-items:center;justify-content:center;gap:22px;font-size:12px;line-height:1.5;padding:24px 0 0;width:auto;margin:0;color:var(--auth-muted)}
.cue-auth .auth-footer a{color:inherit;text-decoration:none}
.cue-auth .auth-footer a:hover{color:var(--auth-focus)}
.cue-auth .auth-forgot{display:block;margin:-4px 0 12px auto;padding:4px 0;border:0;background:none;color:var(--auth-focus);font:500 12px Manrope,Arial,sans-serif;cursor:pointer}
@media(max-width:480px){.cue-auth{padding:28px 24px 24px}.cue-auth .auth-panel{padding:28px 0 36px}.cue-auth .auth-wordmark{margin-bottom:26px;width:min(180px,78%)}.cue-auth .auth-subtitle{margin-bottom:30px}.cue-auth .auth-footer{gap:24px}}
@media(prefers-reduced-motion:reduce){.cue-auth .auth-option{transition:none}}