.auth-page{background:radial-gradient(60rem 60rem at 50% -20rem, color-mix(in srgb, var(--apb-color-primary-deep,#1e3a5f) 16%, transparent), transparent 70%), var(--apb-color-surface-subtle,#f8fafc);justify-content:center;align-items:flex-start;min-height:calc(100vh - 4rem);padding:clamp(2rem,6vh,5rem) 1rem 3rem;display:flex}.auth-card{background:var(--apb-color-surface,#fff);border:1px solid var(--apb-color-border,#e2e8f0);border-radius:var(--apb-radius-xl,16px);width:100%;max-width:27rem;box-shadow:var(--apb-shadow-modal,0 20px 50px #0f172a2e);padding:2.25rem 2rem 2rem}.auth-card--split{padding:0;overflow:hidden}.auth-card__crest{text-align:center;background:linear-gradient(180deg, var(--apb-color-primary-soft,#eff6ff) 0%, color-mix(in srgb, var(--apb-color-primary-soft,#eff6ff) 35%, #fff) 72%, var(--apb-color-surface,#fff) 100%);padding:1.65rem 1.75rem 1.15rem}.auth-card__logo{width:min(15.5rem,88%);height:auto;margin:0 auto;display:block}.auth-card__content{padding:.35rem 2rem 2rem}.auth-card__content .auth-subtitle,.auth-card__content>.auth-title:first-child{margin-top:0}.auth-title{color:var(--apb-color-text-primary,#0f172a);text-align:center;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.auth-subtitle{text-align:center;max-width:24rem;margin:0 auto 1.5rem}.auth-muted{color:var(--apb-color-text-tertiary,#475569);line-height:1.55}.auth-form{flex-direction:column;gap:.25rem;display:flex}.auth-field+.auth-field{margin-top:1.1rem}.auth-label{color:var(--apb-color-text-primary,#0f172a);margin-bottom:.4rem;font-size:.875rem;font-weight:600;display:block}.auth-input{box-sizing:border-box;border:1px solid var(--apb-color-border-strong,#cbd5e1);border-radius:var(--apb-radius-md,8px);width:100%;color:var(--apb-color-text-primary,#0f172a);background:var(--apb-color-surface,#fff);padding:.7rem .85rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.auth-input::placeholder{color:var(--apb-color-text-subtle,#94a3b8)}.auth-input:focus-visible{border-color:var(--apb-color-primary,#2563eb);box-shadow:0 0 0 3px var(--apb-color-focus-ring,#2563eb33);outline:none}.auth-handle-wrap{border:1px solid var(--apb-color-border-strong,#cbd5e1);border-radius:var(--apb-radius-md,8px);align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.auth-handle-wrap:focus-within{border-color:var(--apb-color-primary,#2563eb);box-shadow:0 0 0 3px var(--apb-color-focus-ring,#2563eb33)}.auth-handle-prefix{color:var(--apb-color-text-muted,#64748b);background:var(--apb-color-surface-subtle,#f8fafc);border-right:1px solid var(--apb-color-border,#e2e8f0);padding:.7rem .5rem .7rem .85rem;font-weight:600}.auth-input--handle{border:none;border-radius:0}.auth-input--handle:focus-visible{box-shadow:none}.auth-hint{color:var(--apb-color-text-muted,#64748b);margin:.4rem 0 0;font-size:.8rem}.auth-button{background:var(--apb-color-primary-deep,#1e3a5f);width:100%;color:var(--apb-color-text-inverse,#fff);border-radius:var(--apb-radius-md,8px);cursor:pointer;border:none;margin-top:1.4rem;padding:.8rem 1rem;font-size:1rem;font-weight:600;transition:background .15s,transform 50ms}.auth-button:disabled{opacity:.7;cursor:progress}.auth-button:not(:disabled):hover{background:color-mix(in srgb, var(--apb-color-primary-deep,#1e3a5f) 88%, #000)}.auth-button:not(:disabled):active{transform:translateY(1px)}.auth-linkbtn{font:inherit;color:var(--apb-color-primary,#2563eb);cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:600;display:inline-block}.auth-linkbtn:hover,.auth-linkbtn:focus-visible{text-underline-offset:2px;text-decoration:underline}.auth-foot{text-align:center;color:var(--apb-color-text-muted,#64748b);margin:1.5rem 0 0;font-size:.85rem}.auth-error{background:var(--apb-color-error-bg,#fff5f5);border:1px solid var(--apb-color-error-border,#feb2b2);color:var(--apb-color-error-text,#c53030);border-radius:var(--apb-radius-md,8px);margin-bottom:1rem;padding:.75rem .85rem;font-size:.9rem}.auth-success{text-align:center}.auth-success__email{border-radius:var(--apb-radius-pill,999px);background:var(--apb-color-primary-soft,#eff6ff);color:var(--apb-color-primary-deep,#1e3a5f);word-break:break-all;margin:.25rem 0;padding:.3rem .7rem;font-weight:700;display:inline-block}.auth-success__note{max-width:22rem;margin:1rem auto 0}
