.auth-page{background:var(--bg);z-index:60;justify-content:center;align-items:center;padding:1.5rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.auth-card{background:var(--bg);border:1px solid var(--turquoise);border-radius:var(--radius);width:100%;max-width:400px;padding:2.5rem 2rem;position:relative}.auth-card .brand{margin-bottom:2rem}.auth-card .brand .logo{width:24px;height:24px}.auth-card .x-btn{top:2.5rem}.auth-heading{font-family:var(--font-h);text-align:center;color:var(--white);margin-bottom:1.75rem;font-size:1.35rem;font-weight:900}.auth-heading--error{color:var(--accent)}.auth-message{color:var(--white);text-align:center;margin:.5rem 0;font-size:.85rem;line-height:1.7}.auth-error{color:var(--accent);text-align:center;margin:.5rem 0 0;font-size:.8rem}.auth-form{flex-direction:column;gap:.5rem;display:flex}.auth-label{color:var(--white);letter-spacing:.2em;text-transform:uppercase;text-align:center;margin-top:.75rem;font-size:.62rem;font-weight:700}.auth-field{font-family:var(--font-h);background:var(--bg);color:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;text-align:center;outline:none;width:100%;padding:.65rem .85rem;font-size:.9rem;transition:border-color .2s}.auth-field:focus{border-color:var(--white)}.auth-field:-webkit-autofill{caret-color:var(--white);transition:background-color 100000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg) inset!important;-webkit-text-fill-color:var(--white)!important}.auth-field:-webkit-autofill:hover{caret-color:var(--white);transition:background-color 100000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg) inset!important;-webkit-text-fill-color:var(--white)!important}.auth-field:-webkit-autofill:focus{caret-color:var(--white);transition:background-color 100000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg) inset!important;-webkit-text-fill-color:var(--white)!important}.auth-field:-webkit-autofill:active{caret-color:var(--white);transition:background-color 100000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg) inset!important;-webkit-text-fill-color:var(--white)!important}.auth-submit{font-family:var(--font-h);letter-spacing:.15em;text-transform:uppercase;background:var(--turquoise);color:var(--bg);border:1px solid var(--turquoise);border-radius:var(--radius);cursor:pointer;box-sizing:border-box;text-align:center;width:100%;margin-top:1.25rem;padding:.8rem 1.5rem;font-size:.7rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:block}.auth-submit--inline{margin-top:1.5rem}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-switch{color:var(--white);text-align:center;margin-top:1.5rem;font-size:.8rem}.auth-switch-link{color:var(--turquoise);font-weight:700;text-decoration:none;transition:color .2s}@media (hover:hover){.auth-submit:hover:not(:disabled){color:var(--turquoise);background:0 0}.auth-switch-link:hover{color:var(--white)}}.auth-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);background:#000000b8;justify-content:center;align-items:center;padding:1.5rem 1rem;animation:.18s ease-out auth-modal-fade;display:flex;position:fixed;inset:0;overflow-y:auto}.auth-modal-overlay .auth-card{padding-top:1.25rem;animation:.2s ease-out auth-modal-rise}.auth-modal-overlay .auth-card .x-btn{top:1.25rem}@keyframes auth-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes auth-modal-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.auth-modal-overlay,.auth-modal-overlay .auth-card{animation:none}}