.auth-page{--auth-card-width:min(360px,calc(100% - 32px));--blob-x-slow:0px;--blob-y-slow:0px;--blob-x-mid:0px;--blob-y-mid:0px;--blob-x-fast:0px;--blob-y-fast:0px;--blob-rotate:0deg;--blob-stretch:1;isolation:isolate;background:#f8f9fc;min-height:100vh;position:relative;overflow-x:clip}.auth-blob-layer{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:visible}.auth-blob-layer--static .auth-blob__shape{animation:none}.auth-blob{pointer-events:none;will-change:transform;position:absolute;transform:translateZ(0)}.auth-blob__shape{pointer-events:none;border-radius:9999px;width:100%;height:100%}.auth-blob--cloud{height:820px;transform:translate3d(calc(-42% + var(--blob-x-slow,0px)),calc(-38% + var(--blob-y-slow,0px)),0);width:820px;top:50%;left:50%}.auth-blob--cloud .auth-blob__shape{filter:blur(90px);opacity:.55;background:radial-gradient(circle at 40% 40%,#bae6fdd9 0%,#93c5fd80 42%,#bfdbfe26 68%,#0000 78%);animation:28s ease-in-out infinite auth-idle-cloud}.auth-blob--streak{height:190px;transform:translate3d(calc(-48% + var(--blob-x-fast,0px)),calc(-18% + var(--blob-y-fast,0px)),0)rotate(var(--blob-rotate,0deg));width:720px;top:50%;left:50%}.auth-blob--streak .auth-blob__shape{filter:blur(64px);opacity:.65;transform:scaleX(var(--blob-stretch,1));background:linear-gradient(118deg,#2563ebb3 0%,#3b82f67a 30%,#38bdf840 55%,#0000 78%);animation:20s ease-in-out infinite auth-idle-streak}.auth-blob--core{height:520px;transform:translate3d(calc(-18% + var(--blob-x-mid,0px)),calc(-12% + var(--blob-y-mid,0px)),0);width:520px;top:50%;left:50%}.auth-blob--core .auth-blob__shape{filter:blur(68px);opacity:.88;background:radial-gradient(circle,#2563ebc7 0%,#38bdf86b 45%,#0000 72%);animation:24s ease-in-out infinite auth-idle-core}@keyframes auth-idle-cloud{0%,to{transform:translate(0)scale(1)}50%{transform:translate(14px,-18px)scale(1.03)}}@keyframes auth-idle-streak{0%,to{transform:scaleX(var(--blob-stretch,1))translate(0,0)}50%{transform:scaleX(var(--blob-stretch,1))translate(-14px,12px)}}@keyframes auth-idle-core{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-10px,14px)scale(1.05)}}@media (max-width:640px){.auth-blob--cloud{width:540px;height:540px}.auth-blob--streak{width:520px;height:150px}.auth-blob--core{width:360px;height:360px}}.auth-page__content{z-index:2;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex;position:relative}.auth-card{width:var(--auth-card-width);background:#fff;border:1px solid #e8ebf2;border-radius:16px;padding:30px;animation:.38s auth-card-in;box-shadow:0 1px 2px #1018280a,0 16px 40px #10182814}@keyframes auth-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:22px}.auth-brand{justify-content:center;margin-bottom:14px;display:flex}.auth-brand__mark{color:#fff;background:#111827;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:inline-flex}.auth-header__title{letter-spacing:-.02em;margin:0 0 8px;font-size:1.35rem;font-weight:650;line-height:1.25}.auth-header__subtitle{color:#6b7280;margin:0;font-size:.92rem;line-height:1.45}.auth-form{gap:14px;display:grid}.auth-form--inline{margin-top:4px}.auth-field__label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.auth-field__label{color:#8b93a7;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:600}.auth-field__input{color:#111827;background:#fff;border:1px solid #d7dce8;border-radius:10px;width:100%;height:42px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.auth-field__input:focus-visible{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f12e}.auth-button{color:#fff;cursor:pointer;background:#111827;border:1px solid #111827;border-radius:10px;width:100%;height:44px;margin-top:4px;font-weight:600;transition:background-color .15s,box-shadow .15s}.auth-button:hover:not(:disabled){background:#0b1220;box-shadow:0 0 0 3px #1118271f}.auth-button:disabled{cursor:not-allowed;opacity:.65}.auth-button--ghost{box-shadow:none;color:#5b67d6;background:0 0;border-color:#0000;height:auto;margin-top:0;padding:6px 0;font-size:.86rem;font-weight:500}.auth-button--ghost:hover:not(:disabled){box-shadow:none;background:0 0;text-decoration:underline}.auth-inline-link,.auth-footer__link{color:#5b67d6;font-size:.82rem;font-weight:500}.auth-inline-link:hover,.auth-footer__link:hover{text-decoration:underline}.auth-footer{text-align:center;margin:18px 0 0}.auth-divider{color:#9aa3b2;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:16px 0;font-size:.78rem;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:#e8ebf2;height:1px}.auth-hint{color:#6b7280;text-align:center;margin:12px 0 0;font-size:.84rem;line-height:1.45}.auth-hint--info{background:#f3f6ff;border:1px solid #e0e7ff;border-radius:10px;padding:10px 12px}.auth-alert-wrap{pointer-events:none;z-index:20;width:min(420px,100% - 32px);position:fixed;top:18px;left:50%;transform:translate(-50%)}.auth-alert{text-align:center;border-radius:10px;margin:0;padding:10px 14px;font-size:.86rem}.auth-alert--error{color:#9f1c2f;background:#fde8ea;border:1px solid #f8c7ce}.auth-alert--success{color:#166534;background:#ecfdf3;border:1px solid #bbf7d0}.auth-code__group{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.auth-code__digit{aspect-ratio:1;text-align:center;background:#fff;border:1px solid #d7dce8;border-radius:10px;width:100%;font-size:1.1rem;font-weight:600}.auth-code__digit:focus-visible{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f12e}@media (prefers-reduced-motion:reduce){.auth-blob-layer--static .auth-blob--cloud{transform:translate(-42%,-38%)}.auth-blob-layer--static .auth-blob--streak{transform:translate(-48%,-18%)rotate(0)}.auth-blob-layer--static .auth-blob--core{transform:translate(-18%,-12%)}.auth-blob__shape,.auth-card{animation:none}}
