.auth-page{min-height:100vh;padding:var(--pp-space-xl);color:var(--pp-color-text-body);background:linear-gradient(135deg, var(--pp-color-surface-subtle) 0 55%, var(--pp-color-surface-information) 55% 100%);place-items:center;display:grid}.auth-card{background:var(--pp-color-surface-page);border:1px solid var(--pp-color-border-default);border-radius:var(--pp-radius-navigation);width:min(100%,980px);box-shadow:var(--pp-shadow-raised);grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);display:grid;overflow:hidden}.auth-introduction{justify-content:space-between;gap:var(--pp-space-2xl);min-height:580px;padding:var(--pp-space-2xl);color:var(--pp-color-text-inverse);background:var(--pp-color-surface-inverse);flex-direction:column;display:flex}.auth-brand{align-items:center;gap:var(--pp-space-md);color:inherit;text-decoration:none;display:flex}.auth-brand>span:first-child{width:42px;height:42px;color:var(--pp-color-text-heading);background:var(--pp-color-surface-page);border-radius:var(--pp-radius-control);place-items:center;display:grid}.auth-brand>span:first-child img{object-fit:contain;width:23px;height:34px}.auth-brand strong,.auth-brand small{display:block}.auth-brand small{color:var(--pp-color-surface-accent-soft);margin-top:2px}.auth-eyebrow{color:var(--pp-color-text-accent);font-size:.6875rem;font-weight:var(--pp-font-weight-bold);letter-spacing:.12em;text-transform:uppercase;margin:0}.auth-introduction .auth-eyebrow{color:var(--pp-color-surface-accent-soft)}.auth-introduction h1{margin:var(--pp-space-sm) 0 var(--pp-space-md);color:var(--pp-color-text-inverse);letter-spacing:-.03em;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.auth-introduction p{color:var(--pp-color-surface-accent-soft);line-height:var(--pp-line-height-body);margin:0}.auth-introduction ul{gap:var(--pp-space-sm);margin:0;padding:0;list-style:none;display:grid}.auth-introduction li{padding-left:var(--pp-space-xl);position:relative}.auth-introduction li:before{color:var(--pp-color-surface-accent-soft);content:"✓";font-weight:var(--pp-font-weight-bold);position:absolute;left:0}.auth-form-panel{padding:clamp(var(--pp-space-xl), 6vw, var(--pp-space-3xl));flex-direction:column;justify-content:center;display:flex}.auth-form-heading h2{margin:var(--pp-space-xs) 0 var(--pp-space-sm);color:var(--pp-color-text-heading);font-size:1.8rem}.auth-form-heading>p:last-child{color:var(--pp-color-text-muted);line-height:var(--pp-line-height-body);margin:0}.auth-form{gap:var(--pp-space-lg);margin-top:var(--pp-space-xl);display:grid}.auth-form>label{gap:var(--pp-space-xs);color:var(--pp-color-text-heading);font-weight:var(--pp-font-weight-bold);display:grid}.auth-form label small{color:var(--pp-color-text-muted);font-weight:var(--pp-font-weight-regular)}.auth-form input{width:100%;min-height:var(--pp-control-height-comfortable);padding:var(--pp-space-sm) var(--pp-space-md);color:var(--pp-color-text-body);background:var(--pp-color-surface-page);border:1px solid var(--pp-color-border-default);border-radius:var(--pp-radius-control);font:inherit}.auth-form input:focus{border-color:var(--pp-color-border-accent)}.auth-form input:disabled{color:var(--pp-color-text-disabled);background:var(--pp-color-surface-disabled);border-color:var(--pp-color-border-disabled)}.auth-password-field{display:block;position:relative}.auth-password-field input{padding-right:96px}.auth-password-field button{min-height:40px;padding:0 var(--pp-space-sm);color:var(--pp-color-text-accent);border-radius:var(--pp-radius-control);font:inherit;font-size:var(--pp-font-size-small);font-weight:var(--pp-font-weight-bold);background:0 0;border:0;position:absolute;top:4px;right:4px}.auth-error{gap:var(--pp-space-xs);padding:var(--pp-space-md);color:var(--pp-color-text-error);background:var(--pp-color-surface-error-soft);border:1px solid var(--pp-color-visualization-specification);border-radius:var(--pp-radius-control);line-height:var(--pp-line-height-body);display:grid}.auth-success{gap:var(--pp-space-xs);margin-top:var(--pp-space-xl);padding:var(--pp-space-md);color:var(--pp-color-text-success);background:var(--pp-color-surface-success-soft);border:1px solid var(--pp-color-border-success);border-radius:var(--pp-radius-control);line-height:var(--pp-line-height-body);display:grid}.auth-submit{min-height:var(--pp-control-height-comfortable);padding:var(--pp-space-sm) var(--pp-space-lg);color:var(--pp-color-action-on-primary);background:var(--pp-color-action-primary);border:1px solid var(--pp-color-action-primary);border-radius:var(--pp-radius-control);font:inherit;font-weight:var(--pp-font-weight-bold)}.auth-submit:hover:not(:disabled){background:var(--pp-color-action-primary-strong)}.auth-alternative{margin:var(--pp-space-xl) 0 0;color:var(--pp-color-text-muted);text-align:center}.auth-alternative a{color:var(--pp-color-text-accent);font-weight:var(--pp-font-weight-bold)}.auth-secondary-link{margin-top:var(--pp-space-sm)}.auth-recovery-card .auth-introduction{min-height:520px}@media (max-width:760px){.auth-page{background:var(--pp-color-surface-page);place-items:stretch stretch;padding:0}.auth-card{width:100%;min-height:100vh;box-shadow:none;border:0;border-radius:0;grid-template-columns:1fr}.auth-introduction{gap:var(--pp-space-xl);min-height:0;padding:var(--pp-space-xl)}.auth-introduction ul{display:none}.auth-form-panel{padding:var(--pp-space-xl);justify-content:flex-start}}@media (max-width:420px){.auth-introduction,.auth-form-panel{padding:var(--pp-space-lg)}.auth-introduction h1{font-size:1.8rem}}@media (prefers-reduced-motion:reduce){.auth-submit{transition:none}}
