.auth-root{--au-font:var(--font-neue), "Helvetica Neue", Helvetica, Arial, sans-serif;--au-font-sf:var(--font-sf), var(--au-font);--au-bg:#000;--au-card:#0c0c0eb8;--au-red:#ff3b30;--au-text:#fff;--au-text-dim:#8a8a8a;--au-hairline:#ffffff1f;--au-radius:16px;--au-pill-radius:999px;min-height:100dvh;font-family:var(--au-font);background:var(--au-bg);color:var(--au-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:relative;overflow:hidden}.auth-root *{box-sizing:border-box}.auth-bg{z-index:0;filter:blur(28px)saturate(1.1);opacity:.5;pointer-events:none;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:12px;display:grid;position:absolute;inset:-40px;transform:scale(1.1)}.auth-bg-tile{width:100%;height:100%;position:relative;overflow:hidden}.auth-bg-tile img{object-fit:cover;width:100%;height:100%}.auth-overlay{z-index:1;pointer-events:none;background:radial-gradient(120% 120% at 50% 0,#0000008c,#000000eb);position:absolute;inset:0}.auth-card{z-index:2;background:var(--au-card);-webkit-backdrop-filter:blur(24px)saturate(1.4);backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--au-hairline);border-radius:var(--au-radius);flex-direction:column;gap:18px;width:100%;max-width:420px;padding:36px 32px;display:flex;position:relative;box-shadow:0 24px 60px #0000008c}.auth-title{font-family:var(--au-font-sf);letter-spacing:-.02em;margin:0;font-size:1.7rem;font-weight:700;line-height:1.1}.auth-subtitle{color:var(--au-text-dim);margin:-8px 0 4px;font-size:.95rem;font-weight:400}.auth-divider{color:var(--au-text-dim);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--au-hairline);flex:1;height:1px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{color:var(--au-text-dim);font-size:.8rem;font-weight:500}.auth-input{width:100%;font-family:var(--au-font);color:var(--au-text);border:1px solid var(--au-hairline);background:#ffffff0a;border-radius:10px;outline:none;padding:12px 14px;font-size:.95rem;transition:border-color .2s,background .2s}.auth-input:focus{background:#ffffff0f;border-color:#ffffff59}.auth-input:disabled{opacity:.5;cursor:not-allowed}.auth-btn{width:100%;min-height:46px;font-family:var(--au-font);border-radius:var(--au-pill-radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:.95rem;font-weight:500;transition:transform .2s,box-shadow .2s,opacity .2s,background .2s;display:inline-flex}.auth-btn:disabled{cursor:not-allowed;opacity:.65}.auth-btn--primary{color:#000;background:#fff}.auth-btn--primary:not(:disabled):hover{transform:translateY(-1.5px);box-shadow:0 8px 22px #ffffff38}.auth-btn--google{color:var(--au-text);border:1px solid var(--au-hairline);background:#ffffff0f}.auth-btn--google:not(:disabled):hover{background:#ffffff1a}.auth-spinner{border:2px solid #00000040;border-top-color:#000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-meta{color:var(--au-text-dim);text-align:center;font-size:.85rem}.auth-link{color:var(--au-text);font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-forgot{color:var(--au-text-dim);align-self:flex-end;margin-top:2px;font-size:.8rem;text-decoration:none}.auth-forgot:hover{color:var(--au-text)}.auth-terms{color:var(--au-text-dim);text-align:center;font-size:.72rem;line-height:1.4}.auth-root a:focus-visible,.auth-root button:focus-visible,.auth-root input:focus-visible{outline:2px solid var(--au-red);outline-offset:2px}@media (max-width:480px){.auth-root{padding:20px 14px}.auth-card{border-radius:14px;padding:28px 20px}.auth-title{font-size:1.45rem}}
