.auth{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.auth__top{justify-content:center;padding:28px 24px 0;display:flex}.auth__main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:32px 20px 40px;display:flex}.auth__card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-xl);width:100%;max-width:430px;box-shadow:var(--shadow-elevated);animation:auth-fade-up .5s var(--ease-out) both;padding:30px 28px 28px}@keyframes auth-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.auth__steps{align-items:center;gap:7px;margin-bottom:20px;display:flex}.auth__step-dot{width:22px;height:5px;transition:background .3s var(--ease-out);background:#1c19141a;border-radius:999px}.auth__step-dot--active{background-image:linear-gradient(135deg,#fbd766 0%,#e2a402 100%)}.auth__step-dot--done{background:#e0a20066}.auth__title{letter-spacing:-.025em;color:var(--slate-900);font-size:24px;font-weight:700}.auth__sub{color:var(--slate-500);margin-top:6px;font-size:14px}.auth__form{flex-direction:column;gap:14px;margin-top:22px;display:flex}.auth__field{flex-direction:column;gap:6px;display:flex}.auth__label{color:var(--slate-600);font-size:13px;font-weight:600}.auth__input-wrap{align-items:center;display:flex;position:relative}.auth__input{border:1px solid var(--hairline-strong);border-radius:var(--radius-md);background:var(--surface-2);width:100%;color:var(--ink);transition:border-color .25s var(--ease-out), box-shadow .25s var(--ease-out), background .25s var(--ease-out);outline:none;padding:12px 14px;font-family:inherit;font-size:15px;font-weight:500}.auth__input::placeholder{color:var(--slate-400);font-weight:400}.auth__input:focus{background:var(--surface);border-color:#e0a20073;box-shadow:0 0 0 4px #f9c00f24}.auth__input--trailing{padding-right:44px}.auth__input-btn{width:34px;height:34px;color:var(--slate-400);transition:color .2s var(--ease-out), background .2s var(--ease-out);border-radius:9px;justify-content:center;align-items:center;display:inline-flex;position:absolute;right:6px}.auth__input-btn:hover{color:var(--slate-600);background:#1c19140d}.auth__input-btn svg{width:17px;height:17px}.auth__error{border-radius:var(--radius-md);color:#a03325;background:#b3392b12;border:1px solid #b3392b2e;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13.5px;line-height:1.45;display:flex}.auth__error a{font-weight:600;text-decoration:underline}.auth__hint{color:var(--slate-400);font-size:12.5px}.auth__divider{color:var(--slate-400);align-items:center;gap:12px;margin:4px 0;font-size:12.5px;font-weight:500;display:flex}.auth__divider:before,.auth__divider:after{content:"";background:var(--hairline);flex:1;height:1px}.auth__google{gap:10px}.auth__google svg{flex-shrink:0;width:18px;height:18px;display:block;overflow:visible}.auth__chip{border-radius:var(--radius-md);background:#e0a20012;border:1px solid #e0a20038;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.auth__chip-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--slate-700);flex:1;font-weight:600;overflow:hidden}.auth__chip-url strong{color:var(--gold-text)}.auth__chip-check{width:16px;height:16px;color:var(--gold-text);flex-shrink:0}.auth__chip-edit{color:var(--slate-500);text-underline-offset:2px;transition:color .2s var(--ease-out);flex-shrink:0;font-size:12.5px;font-weight:600;text-decoration:underline}.auth__chip-edit:hover{color:var(--gold-text)}.auth__claim .claim__box{background:var(--surface-2);padding:4px 4px 4px 16px}.auth__claim .claim__box:focus-within{background:var(--surface)}.auth__claim .claim__input,.auth__claim .claim__prefix{font-size:15px}.auth__status-icon{color:var(--slate-400);align-items:center;margin-right:10px;display:inline-flex}.auth__status-icon svg{width:17px;height:17px}.auth__status-icon--ok{color:var(--gold-text)}.auth__status-icon--err{color:#b3392b}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth__spinner{border:2px solid #1c191426;border-top-color:var(--gold);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite auth-spin}.btn .auth__spinner{border-color:#3a2606 #3a260640 #3a260640}.auth__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth__link{color:var(--slate-500);transition:color .2s var(--ease-out);font-size:13px;font-weight:600}.auth__link:hover{color:var(--gold-text)}.auth__back{color:var(--slate-500);transition:color .2s var(--ease-out);align-items:center;gap:4px;margin-bottom:14px;font-size:13px;font-weight:600;display:inline-flex}.auth__back:hover{color:var(--gold-text)}.auth__back svg{width:15px;height:15px}.auth__signed-in{color:var(--slate-500);margin-top:14px;font-size:13px}.auth__signed-in strong{color:var(--slate-700);font-weight:600}.auth__switch{color:var(--slate-500);animation:auth-fade-up .5s var(--ease-out) 80ms both;font-size:14px}.auth__switch a{color:var(--gold-text);font-weight:600}.auth__switch a:hover{text-underline-offset:3px;text-decoration:underline}.auth__switch-button{font:inherit;color:var(--gold-text);font-weight:600}.auth__switch-button:disabled{cursor:wait;opacity:.65}@media (max-width:480px){.auth__card{border-radius:var(--radius-lg);padding:24px 20px 22px}.auth__main{padding:20px 16px 32px}}
