.auth-page{min-height:100dvh;padding:var(--jdsc-space-8);background:var(--color-page-background);overflow:hidden auto}.auth-layout{gap:clamp(var(--jdsc-space-8), 7vw, 96px);width:min(100%,1120px);min-height:calc(100vh - (var(--jdsc-space-8) * 2));min-height:calc(100dvh - (var(--jdsc-space-8) * 2));grid-template-columns:minmax(0,1fr) minmax(400px,420px);align-items:center;margin:0 auto;display:grid}.auth-context{gap:var(--jdsc-space-8);min-width:0;display:grid}.auth-logo{width:48px;height:48px;display:block}.auth-context div{gap:var(--jdsc-space-3);display:grid}.auth-context h1,.auth-context p{margin:0}.auth-context h1{max-width:560px;font-size:clamp(var(--jdsc-fs-h1), 3.2vw, var(--jdsc-fs-display));line-height:var(--jdsc-lh-display)}.auth-context p{color:var(--color-text-muted);font-size:var(--jdsc-fs-body)}.auth-form{gap:var(--jdsc-space-5);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;padding:var(--jdsc-space-8);background:var(--color-surface);box-shadow:var(--jdsc-shadow-1);display:grid}.auth-form-header{gap:var(--jdsc-space-2);border-bottom:1px solid var(--color-border-soft);padding-bottom:var(--jdsc-space-5);display:grid}.auth-form-header h2,.auth-form-header p{margin:0}.auth-form-header h2{font-size:var(--jdsc-fs-h2)}.auth-form-header p,.auth-form label small{color:var(--color-text-muted);font-size:var(--jdsc-fs-sm)}.auth-form fieldset{gap:var(--jdsc-space-4);border:0;min-width:0;margin:0;padding:0;display:grid}.auth-form label{gap:var(--jdsc-space-2);min-width:0;font-size:var(--jdsc-fs-sm);font-weight:var(--jdsc-fw-bold);display:grid}.auth-form input{width:100%;min-height:var(--jdsc-touch-target-min);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--jdsc-space-2) var(--jdsc-space-3);color:var(--color-text-strong);background:var(--color-surface)}.auth-form input:focus-visible,.auth-error:focus-visible{border-color:var(--color-brand);box-shadow:var(--jdsc-shadow-focus);outline:0}.auth-submit{width:100%;min-height:var(--jdsc-touch-target-min);margin-top:var(--jdsc-space-1)}.auth-error{border:1px solid var(--color-danger);border-radius:var(--radius-sm);padding:var(--jdsc-space-3);color:var(--color-danger);background:var(--color-danger-soft);font-size:var(--jdsc-fs-sm);margin:0}.auth-web-link{min-height:var(--jdsc-touch-target-min);color:var(--color-text-muted);font-size:var(--jdsc-fs-sm);font-weight:var(--jdsc-fw-bold);line-height:var(--jdsc-touch-target-min);text-align:center;text-underline-offset:3px}.auth-web-link:hover{color:var(--color-text-strong)}@media (max-width:760px),(max-width:1024px) and (max-height:640px){.auth-page{padding:var(--jdsc-space-5) var(--jdsc-space-4)}.auth-layout{gap:var(--jdsc-space-6);min-height:calc(100dvh - (var(--jdsc-space-5) * 2));grid-template-columns:minmax(0,1fr);align-content:start}.auth-context{gap:var(--jdsc-space-4)}.auth-logo{width:40px;height:40px}.auth-context div{gap:var(--jdsc-space-2)}.auth-context h1{font-size:var(--jdsc-fs-h2);line-height:var(--jdsc-lh-h2)}.auth-context p{font-size:var(--jdsc-fs-sm)}.auth-form{gap:var(--jdsc-space-4);padding:var(--jdsc-space-5)}.auth-form-header{padding-bottom:var(--jdsc-space-4)}}