@layer components{.login-page{min-height:calc(100svh - 3.5rem);padding:clamp(1.25rem, 4vw, 3rem) var(--gutter);background:radial-gradient(ellipse at 20% 10%, color-mix(in srgb, var(--tonal) 76%, transparent), transparent 48%), var(--bg);place-items:center;display:grid}.login-page__card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:min(100%,64rem);min-height:38rem;box-shadow:var(--shadow-lg);grid-template-columns:minmax(18rem,.9fr) minmax(24rem,1.1fr);display:grid;overflow:hidden}.login-page__aside{color:var(--slate-100);background:radial-gradient(ellipse at 75% 70%, color-mix(in srgb, var(--emerald-800) 46%, transparent), transparent 52%), var(--slate-900);flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,4vw,3rem);display:flex}.login-page__brand{width:fit-content;color:var(--slate-100);font:700 var(--text-lg) / 1 var(--font-display);align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.login-page__brand:hover{color:var(--slate-100)}.login-page__brand>span{border-radius:var(--radius-sm);width:2.25rem;height:2.25rem;color:var(--accent);background:var(--slate-800);place-items:center;display:grid}.login-page__aside-copy{max-width:25rem}.login-page__overline{color:var(--action);font:700 var(--text-xs) / 1.2 var(--font-label);letter-spacing:.07em;text-transform:uppercase}.login-page__aside .login-page__overline{color:var(--emerald-300)}.login-page__aside-copy h1{color:var(--slate-100);letter-spacing:-.04em;margin-top:.8rem;font-size:clamp(2rem,3.7vw,3.25rem)}.login-page__aside-copy>p:last-child{color:var(--slate-300);font-size:var(--text-md);margin-top:.9rem;line-height:1.65}.login-page__aside-status{color:var(--slate-300);font-size:var(--text-xs);align-items:center;gap:.5rem;display:flex}.login-page__aside-status i{background:var(--accent);border-radius:50%;width:.5rem;height:.5rem}.login-page__form-panel{flex-direction:column;justify-content:center;padding:clamp(1.5rem,5vw,4rem);display:flex}.login-page__back{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:var(--surface);font-size:var(--text-xs);transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);align-self:flex-start;align-items:center;gap:.45rem;padding:.5rem .75rem;text-decoration:none;display:inline-flex}.login-page__back:hover{border-color:var(--action);color:var(--action);background:var(--bg-sage)}.login-page__form-heading{margin-top:2.25rem}.login-page__lock{border:1px solid var(--tonal-line);border-radius:var(--radius-md);width:2.5rem;height:2.5rem;color:var(--action);background:var(--tonal);place-items:center;margin-bottom:1.25rem;display:grid}.login-page__form-heading h2{font-size:var(--text-2xl);letter-spacing:-.03em;margin-top:.5rem}.login-page__form-heading>p:last-child{color:var(--ink-muted);font-size:var(--text-sm);margin-top:.45rem}.login-form{gap:.55rem;margin-top:1.75rem;display:grid}.login-form>label,.login-form__password-label label{color:var(--ink);font-size:var(--text-xs);font-weight:600}.login-form>input,.login-form__password-input input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);outline-color:var(--focus);width:100%;min-height:2.9rem;color:var(--ink);background:var(--surface);font-size:var(--text-sm);padding:.7rem .8rem}.login-form>input::placeholder,.login-form__password-input input::placeholder{color:var(--ink-muted)}.login-form__password-label{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.55rem;display:flex}.login-form__password-label a,.login-page__signup a{color:var(--action);font-size:var(--text-xs);font-weight:600;text-decoration:none}.login-form__password-label a:hover,.login-page__signup a:hover{color:var(--action-hover);text-decoration:underline}.login-form__password-input{position:relative}.login-form__password-input input{padding-right:2.8rem}.login-form__password-input button{width:1.5rem;height:1.5rem;color:var(--ink-muted);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.login-form__remember{color:var(--ink-muted);font-size:var(--text-xs);align-items:center;gap:.5rem;margin-block:.4rem .55rem;display:flex}.login-form__remember input{width:1rem;height:1rem;accent-color:var(--action)}.login-form__submit{width:100%;min-height:2.9rem}.login-form__message{font-size:var(--text-xs);line-height:1.45}.login-form__message--error{color:var(--danger)}.login-form__message--success{color:var(--action)}.login-page__signup{color:var(--ink-muted);font-size:var(--text-xs);text-align:center;margin-top:1.4rem}.login-page__security{border-top:1px solid var(--line);color:var(--ink-muted);text-align:center;margin-top:2rem;padding-top:1rem;font-size:.7rem}@media (max-width:760px){.login-page__card{grid-template-columns:1fr;max-width:34rem;min-height:0}.login-page__aside{gap:2rem;min-height:14rem;padding:1.5rem}.login-page__aside-copy h1{max-width:15ch;font-size:var(--text-2xl)}.login-page__aside-copy>p:last-child{font-size:var(--text-sm);margin-top:.5rem}.login-page__form-panel{padding:1.5rem}.login-page__form-heading{margin-top:1.75rem}}}