.login-page{min-height:100dvh;display:grid;place-items:center;padding:1.5rem;background:var(--bg);color:var(--text)}.login-card{width:100%;max-width:28rem;background:var(--surface);padding:2rem;border-radius:.75rem;box-shadow:0 8px 24px rgba(0,0,0,.45)}.login-title{font-size:1.75rem;font-weight:700;margin-bottom:1.25rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:.9rem}.login-form input{width:100%;padding:.8rem .9rem;border-radius:.6rem;border:1px solid rgba(255,255,255,.08);background:color-mix(in oklab,var(--surface-2) 92%,black 8%);color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.login-form input::placeholder{color:color-mix(in oklab,var(--muted) 70%,white 30%)}.login-form input:hover{border-color:rgba(255,255,255,.14)}.login-form input:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in oklab,var(--brand) 18%,transparent)}.login-btn{padding:.8rem .9rem;border-radius:.6rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .06s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease}.login-btn.primary{background:var(--brand);color:var(--bg);box-shadow:0 6px 18px rgba(97,218,251,.25)}.login-btn.primary:hover{transform:translateY(-1px)}.login-btn.primary:active{transform:translateY(0)}.login-btn.secondary{background:transparent;color:var(--brand);border-color:var(--brand)}.login-btn.secondary:hover{background:color-mix(in oklab,var(--brand) 10%,transparent)}.error-text{color:var(--danger);font-size:.9rem}.form-row{display:flex;gap:.75rem}.helper{font-size:.9rem;color:var(--muted)}.helper a{color:var(--brand);text-decoration:none}.helper a:hover{text-decoration:underline}.btn-row{display:flex;flex-direction:column;gap:.6rem}.small-note{font-size:.8rem;color:var(--muted)}.login-form label{display:block;font-size:.9rem;margin-bottom:.35rem;color:color-mix(in oklab,var(--text) 85%,white 15%)}.login-form .field{display:grid;gap:.35rem}.title{background:linear-gradient(90deg,var(--brand),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}