.auth-page{background-color:#faf8f5;background-image:radial-gradient(#786c580d 1.5px,#0000 1.5px);background-size:24px 24px;justify-content:center;align-items:center;min-height:100vh;padding:2.5rem 1.25rem;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";filter:blur(100px);pointer-events:none;z-index:0;background:#6366f108;border-radius:50%;width:30rem;height:30rem;position:absolute;top:15%;right:15%}.auth-page:after{content:"";filter:blur(120px);pointer-events:none;z-index:0;background:#f59e0b05;border-radius:50%;width:35rem;height:35rem;position:absolute;bottom:15%;left:15%}.auth-card-wrap{z-index:10;width:100%;max-width:26rem;position:relative}.auth-card-wrap-wide{max-width:32rem}.auth-card{-webkit-backdrop-filter:blur(18px);background:#ffffffd9;border:1px solid #786c5814;border-radius:1.25rem;padding:2.25rem 2.25rem 2rem;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1);box-shadow:0 1px 2px #786c5805,0 12px 36px #786c580a,0 4px 12px #786c5803}.auth-card-head{margin-bottom:1.5rem}.auth-brand{align-items:center;gap:.75rem;margin-bottom:1.25rem;text-decoration:none;display:inline-flex}.auth-brand-mark{color:#6366f1;background:#6366f11a;border-radius:.75rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex;box-shadow:inset 0 1px 1px #6366f10d}.auth-brand-copy{flex-direction:column;gap:.02rem;display:flex}.auth-brand-title{color:#1a2332;letter-spacing:-.02em;font-size:1rem;font-weight:650}.auth-brand-subtitle{color:#8b95a8;font-size:.7125rem;font-weight:500}.auth-card-title{letter-spacing:-.025em;color:#1a2332;font-size:1.375rem;font-weight:600}.auth-card-subtitle{color:#64748b;margin-top:.375rem;font-size:.8125rem;line-height:1.5}.auth-field{flex-direction:column;gap:.375rem;display:flex}.auth-field+.auth-field,.auth-alert+.auth-field,.auth-field+.auth-alert{margin-top:1rem}.auth-label{color:#475569;padding-left:.125rem;font-size:.75rem;font-weight:520}.auth-input,.auth-select{color:#1a2332;background:#fffc;border:1px solid #786c581f;border-radius:.625rem;outline:none;width:100%;height:2.625rem;padding:0 .875rem;font-size:.8125rem;transition:border-color .2s cubic-bezier(.22,1,.36,1),background-color .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}.auth-input::placeholder{color:#cbd5e1}.auth-input:focus,.auth-select:focus{background-color:#fff;border-color:#6366f159;box-shadow:0 0 0 3px #6366f114,0 1px 2px #6366f105}.auth-input-invalid,.auth-input[aria-invalid=true]{border-color:#dc26264d}.auth-input-invalid:focus,.auth-input[aria-invalid=true]:focus{border-color:#dc262666;box-shadow:0 0 0 3px #dc26260f}.auth-field-error{color:#dc2626;margin-top:.125rem;padding-left:.125rem;font-size:.6875rem}.auth-button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:.625rem;justify-content:center;align-items:center;width:100%;height:2.625rem;margin-top:1.25rem;font-size:.8125rem;font-weight:600;transition:background-color .2s cubic-bezier(.22,1,.36,1),transform .1s,box-shadow .2s cubic-bezier(.22,1,.36,1);display:inline-flex;box-shadow:0 1px 2px #6366f11f}.auth-button:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 12px #6366f12e}.auth-button:active:not(:disabled){transform:scale(.985)}.auth-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.auth-button-secondary{color:#475569;box-shadow:none;background:0 0;border:1px solid #786c581f;margin-top:.625rem}.auth-button-secondary:hover:not(:disabled){background:#786c5808;border-color:#786c5833}.auth-alert{border-radius:.625rem;margin-top:.875rem;padding:.625rem .875rem;font-size:.75rem;line-height:1.45}.auth-alert-error{color:#b91c1c;background:#fef2f2d9;border:1px solid #dc262614}.auth-alert-success{color:#047857;background:#ecfdf5d9;border:1px solid #05966914}.auth-alert-info{color:#4338ca;background:#6366f105;border:1px solid #6366f114}.auth-footer-link{text-align:center;color:#8b95a8;margin-top:1.25rem;font-size:.75rem}.auth-inline-link{color:#6366f1;font-weight:600;text-decoration:none}.auth-inline-link:hover{color:#4f46e5;text-decoration:underline}.auth-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem;display:grid}.auth-demo-panel{background:#786c5805;border:1px solid #786c5814;border-radius:.875rem;margin-top:1.5rem;padding:1rem}.auth-demo-panel-title{letter-spacing:.04em;text-transform:uppercase;color:#8b95a8;margin-bottom:.625rem;padding-left:.25rem;font-size:.6875rem;font-weight:600}.auth-demo-account{color:#475569;cursor:pointer;background:#fffffff2;border:1px solid #786c580f;border-radius:.625rem;justify-content:space-between;align-items:center;width:100%;margin-top:.375rem;padding:.625rem .875rem;font-size:.75rem;transition:all .2s cubic-bezier(.22,1,.36,1);display:flex}.auth-demo-account:hover{color:#1a2332;background:#fff;border-color:#6366f126;transform:translateY(-.5px);box-shadow:0 2px 8px #786c5808,0 1px 2px #6366f105}.auth-demo-account span:first-child{font-weight:600}.auth-demo-account span:last-child{color:#6366f1;text-transform:capitalize;background:#6366f10f;border-radius:.375rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:500}.auth-link-row{justify-content:flex-end;margin-top:.375rem;display:flex}.auth-link-row a{color:#8b95a8;font-size:.6875rem;font-weight:600;text-decoration:none;transition:color .15s}.auth-link-row a:hover{color:#6366f1;text-decoration:underline}@media (max-width:640px){.auth-grid-2{grid-template-columns:1fr;gap:.625rem}}