/* Scoped to the login card; account settings and catalog keep their layout. */
.social-main .auth-redesign{position:relative;isolation:isolate;width:100%;max-width:410px;margin:40px auto;padding:32px 28px 28px;background:linear-gradient(165deg,#17151a,#101013);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 40px 90px -30px #0009;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:normal;animation:auth-card-in .45s ease both}
.auth-redesign::before{content:"";position:absolute;inset:-50px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 0 0,#ef4d9d0c,transparent 65%),radial-gradient(ellipse at 100% 100%,#f2699b0a,transparent 65%);border-radius:80px}
.auth-redesign .auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;font-weight:800;letter-spacing:.02em}
.auth-redesign .auth-brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#ef4d9d,#b81c6b);color:#fff;font-size:15px;box-shadow:0 6px 18px -6px #ef4d9d70}
.social-main .auth-redesign h1{font-size:20px;font-weight:700;letter-spacing:normal;word-spacing:normal;line-height:1.4;margin:0 0 6px}
.auth-redesign .auth-subtitle{font-size:13px;color:#9a9aa3;margin:0 0 22px;line-height:1.5}
.auth-redesign .social-tabs{position:relative;display:flex;gap:0;background:#1c1c20;border-radius:11px;padding:4px;margin:0 0 22px}
.social-main .auth-redesign .social-tabs button{position:relative;z-index:1;flex:1;padding:9px 0;min-height:38px;border:0;border-radius:8px;background:transparent;color:#9a9aa3;font-size:13px;font-weight:700}
.social-main .auth-redesign .social-tabs [aria-selected=true]{color:#ffd9ec;background:transparent}
.auth-redesign .auth-tab-indicator{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:8px;background:#ef4d9d29;border:1px solid #ef4d9d4d;transition:transform .35s cubic-bezier(.65,0,.35,1)}
.auth-redesign[data-auth-tab=register] .auth-tab-indicator{transform:translateX(100%)}
.social-main .auth-redesign label{font-size:12.5px;font-weight:600;color:#9a9aa3;gap:7px;margin-bottom:16px}
.auth-redesign .auth-input-wrap{position:relative;display:flex;align-items:center}
.auth-redesign .auth-input-icon{position:absolute;left:13px;width:16px;height:16px;color:#6f6f78;pointer-events:none;z-index:1}
.social-main .auth-redesign input{padding:12px 14px 12px 38px;border:1px solid #ffffff14;border-radius:11px;background:#1c1c20;color:#f2f2f4;font-size:16px;line-height:1.3;outline:none}
.social-main .auth-redesign input:focus{border-color:#ffffff14;box-shadow:none;outline:none}
.social-main .auth-redesign input[aria-invalid=true]{border-color:#ff5c7a}
.auth-redesign input::placeholder{color:#6f6f78}
.social-main .auth-redesign .auth-password input{padding-right:46px}
.social-main .auth-redesign .auth-eye{right:6px;background:none;color:#9a9aa3;width:36px;height:36px;padding:7px}
.auth-redesign .auth-eye svg{position:absolute;inset:7px;width:22px;height:22px;transition:opacity .2s,transform .3s cubic-bezier(.34,1.56,.64,1)}
.auth-redesign .auth-eye .auth-eye-off{opacity:0;transform:scale(.6) rotate(-15deg)}
.auth-redesign .auth-eye[aria-pressed=true] svg:first-child{opacity:0;transform:scale(.6) rotate(15deg)}
.auth-redesign .auth-eye[aria-pressed=true] .auth-eye-off{opacity:1;transform:none}
.auth-redesign .social-muted{font-size:12.5px;color:#9a9aa3;line-height:1.55}
.auth-redesign .auth-hint{font-size:11px;color:#85818e;margin:-8px 0 16px}
.auth-redesign .auth-field-error{margin:-8px 0 12px}
.auth-redesign #handleAvailability:not(:empty){display:block;margin:0 0 16px;font-size:12px}
.auth-redesign .auth-recovery{display:flex;justify-content:flex-end;margin:-4px 0 18px}
.auth-redesign .auth-recovery:empty{display:none}
.auth-redesign .auth-recovery a{font-size:12.5px;font-weight:600;color:#9a9aa3;text-decoration:none}
.auth-redesign .auth-recovery a:hover{color:#ff9bcf;text-decoration:underline;text-underline-offset:4px}
.social-main .auth-redesign .auth-primary{position:relative;width:100%;min-height:44px;margin-top:6px;padding:13px 16px;background:linear-gradient(135deg,#ef4d9d,#b81c6b);border:0;border-radius:999px;color:white;font-size:14px;font-weight:700;transition:filter .2s}
.auth-redesign .auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;font-size:11.5px;color:#6f6f78}
.auth-redesign .auth-divider::before,.auth-redesign .auth-divider::after{content:"";height:1px;flex:1;background:#ffffff14}
.social-main .auth-redesign .auth-secondary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:11px 16px;min-height:44px;background:#1c1c20;border:1px solid #ffffff14;border-radius:999px;color:#f2f2f4;font-size:13.5px;font-weight:600}
.auth-redesign .auth-secondary .auth-input-icon{position:static;color:#ff9bcf}
.social-main .auth-redesign .auth-back{padding:0;margin:0 0 18px;background:none;color:#9a9aa3;font-size:12.5px;text-align:left;min-height:32px}
.social-main .auth-redesign .auth-resend{background:none;padding:0;color:#ff9bcf;font-size:12px;min-height:36px}
.auth-redesign .auth-resend-row{margin:12px 0 0;text-align:center}
.auth-redesign form:not([hidden]){animation:auth-step-in .25s ease}
.auth-redesign .verification-otp{position:relative;margin-bottom:18px}
.auth-redesign .verification-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.auth-redesign .verification-cells span{display:grid;place-items:center;aspect-ratio:1;border:1.5px solid #ffffff14;border-radius:11px;background:#1c1c20;font-size:22px;font-weight:800;transition:background-color .2s,border-color .2s}
.auth-redesign .verification-cells .is-filled{border-color:#ef4d9d66;background:#ef4d9d0f}
.auth-redesign .verification-otp input{position:absolute;inset:0;width:100%;height:100%;opacity:0;padding:0;border:0;cursor:text}
.auth-redesign .is-error .verification-cells span{border-color:#ff5c7a;background:#ff5c7a14}
.auth-redesign .is-checking .verification-cells span{animation:auth-otp-scan .5s ease-in-out both;animation-delay:calc(var(--otp-index,0)*70ms)}
.auth-redesign .verification-cells span:nth-child(2){--otp-index:1}.auth-redesign .verification-cells span:nth-child(3){--otp-index:2}.auth-redesign .verification-cells span:nth-child(4){--otp-index:3}.auth-redesign .verification-cells span:nth-child(5){--otp-index:4}.auth-redesign .verification-cells span:nth-child(6){--otp-index:5}
.auth-redesign .is-success .verification-cells span{border-color:#3ddc84;background:#3ddc841f;color:#8ff2b8}
.auth-redesign .auth-login-success{text-align:center;padding:12px 0}
.auth-redesign .auth-success-badge{position:relative;display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:#3ddc8420;animation:verification-badge .5s cubic-bezier(.34,1.56,.64,1) both}
.auth-redesign .auth-success-badge svg{width:28px;height:28px;fill:none;stroke:#3ddc84;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.auth-redesign .auth-success-badge path{stroke-dasharray:24;stroke-dashoffset:24;animation:auth-check-draw .45s ease .3s forwards}
.auth-redesign .auth-success-spark{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#8ff2b8;animation:auth-spark-burst .7s ease-out .25s both}
.auth-redesign .auth-login-success h2,.auth-redesign .auth-login-success p{animation:auth-step-in .4s ease .35s both}
.auth-redesign .auth-login-success h2{font-size:17px}
.auth-redesign button[aria-busy=true]{color:transparent!important;pointer-events:none}
.auth-redesign button[aria-busy=true]::after{content:"";position:absolute;left:calc(50% - 9px);top:calc(50% - 9px);width:18px;height:18px;border:2px solid #ffffff50;border-top-color:#fff;border-radius:50%;animation:verification-spin .7s linear infinite}
@keyframes auth-card-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@keyframes auth-step-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes auth-otp-scan{0%{border-color:#ffffff14}50%{border-color:#ff9bcf;box-shadow:0 0 10px #ef4d9d66}100%{border-color:#ef4d9d66}}
@keyframes auth-check-draw{to{stroke-dashoffset:0}}
@keyframes auth-spark-burst{0%{opacity:0;transform:translate(0,0) scale(.5)}30%{opacity:1}100%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(1)}}
@media(max-width:450px){.social-main .auth-redesign{padding:26px 20px;margin:16px auto}.auth-redesign::before{inset:0}.auth-redesign .verification-cells{gap:6px}}
@media(prefers-reduced-motion:reduce){.auth-redesign,.auth-redesign *,.auth-redesign *::after{animation:none!important;transition:none!important}.auth-redesign .auth-success-badge path{stroke-dashoffset:0}.auth-redesign .auth-success-spark{display:none}}