.auth-page{isolation:isolate}@property --otp-progress-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.auth-page-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 80% 0,color-mix(in oklch,var(--acc-1) 24%,transparent),transparent 70%),radial-gradient(50% 45% at 15% 25%,color-mix(in oklch,var(--acc-2) 16%,transparent),transparent 70%)}.auth-card:before{position:absolute;inset:1px;z-index:-1;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.055),transparent);content:""}.auth-page .auth-field,.auth-page .otp-digit-input{caret-color:var(--acc-2)}.auth-page .auth-field,.auth-page .auth-field:disabled,.auth-page .otp-digit-input,.auth-page .otp-digit-input:disabled{background-color:color-mix(in oklch,var(--ink-1) 92%,black);color:color-mix(in oklch,var(--d-fg) 88%,var(--d-mut));-webkit-text-fill-color:color-mix(in oklch,var(--d-fg) 88%,var(--d-mut))}.auth-page .auth-field:disabled,.auth-page .otp-digit-input:disabled{opacity:1}.auth-page .auth-field::-moz-placeholder{color:var(--d-faint);-webkit-text-fill-color:var(--d-faint)}.auth-page .auth-field::placeholder{color:var(--d-faint);-webkit-text-fill-color:var(--d-faint)}.auth-field{box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}.otp-digit-input{box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 34px -28px rgba(0,0,0,.9)}.auth-page .otp-digit-input-progress{--otp-progress-angle:0deg;border-color:transparent;background:linear-gradient(color-mix(in oklch,var(--ink-1) 92%,black),color-mix(in oklch,var(--ink-1) 92%,black)) padding-box,conic-gradient(from var(--otp-progress-angle),transparent 0deg,transparent 80deg,var(--acc-2) 128deg,var(--acc-1) 190deg,transparent 260deg,transparent 1turn) border-box;animation:otp-border-progress .9s linear infinite;box-shadow:0 0 0 1px color-mix(in oklch,var(--acc-2) 26%,transparent),0 0 28px -10px color-mix(in oklch,var(--acc-2) 72%,transparent),inset 0 1px 0 rgba(255,255,255,.06)}.otp-success-square{border-color:var(--ok);box-shadow:0 0 0 1px color-mix(in oklch,var(--ok) 48%,transparent),0 0 34px -7px color-mix(in oklch,var(--ok) 80%,transparent),inset 0 1px 0 rgba(255,255,255,.08)}.otp-check-path{stroke-dasharray:60;stroke-dashoffset:60;animation:otp-check-draw .46s var(--ease) .12s forwards}@keyframes otp-border-progress{to{--otp-progress-angle:360deg}}@keyframes otp-check-draw{to{stroke-dashoffset:0}}@media (max-width:380px){.auth-card{padding-inline:1rem}}