body.auth-page--interactive{
    --auth-bg:#f4f1fb;
    --auth-card:#ffffff;
    --auth-panel:#ece8f4;
    --auth-ink:#111320;
    --auth-muted:#70748c;
    --auth-line:rgba(72,52,135,.14);
    --auth-primary:#5e41de;
    --auth-primary-2:#7d69ee;
    --auth-orange:#ff7a2f;
    --auth-yellow:#f3d11f;
    --auth-black:#161621;
    --auth-shadow:0 28px 80px rgba(75,48,145,.16);
    background:
        radial-gradient(circle at 12% 18%, rgba(255,122,47,.18), transparent 22%),
        radial-gradient(circle at 85% 12%, rgba(94,65,222,.17), transparent 26%),
        linear-gradient(180deg, #faf8ff 0%, #f4f1fb 46%, #efebf7 100%);
    color:var(--auth-ink);
    min-height:100vh;
}

body.auth-page--interactive::before,
body.auth-page--interactive::after{
    content:"";
    position:fixed;
    inset:auto;
    pointer-events:none;
    z-index:0;
    filter:blur(10px);
}

body.auth-page--interactive::before{
    width:300px;
    height:300px;
    left:-120px;
    top:-90px;
    background:radial-gradient(circle, rgba(255,122,47,.18), transparent 68%);
}

body.auth-page--interactive::after{
    width:420px;
    height:420px;
    right:-160px;
    bottom:-140px;
    background:radial-gradient(circle, rgba(94,65,222,.16), transparent 70%);
}

body.auth-page--interactive .site-form-section--auth{
    position:relative;
    z-index:1;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px 0 28px;
    background:none;
}

body.auth-page--interactive .container{
    position:relative;
    z-index:2;
}

.auth-ux-page{
    width:100%;
}

.auth-ux-shell{
    --look-x:0px;
    --look-y:0px;
    --float-x:0px;
    --float-y:0px;
    display:grid;
    grid-template-columns:minmax(340px, 1.05fr) minmax(360px, .95fr);
    gap:0;
    width:min(1120px, 100%);
    margin:0 auto;
    border-radius:34px;
    overflow:hidden;
    background:rgba(255,255,255,.8);
    border:1px solid rgba(255,255,255,.72);
    box-shadow:var(--auth-shadow);
    backdrop-filter:blur(18px);
}

.auth-ux-stage,
.auth-ux-form-panel{
    min-width:0;
}

.auth-ux-stage{
    position:relative;
    min-height:680px;
    padding:36px 34px 28px;
    background:linear-gradient(180deg, rgba(245,242,251,.98), rgba(237,233,246,.98));
    overflow:hidden;
}

.auth-ux-stage::before,
.auth-ux-stage::after{
    content:"";
    position:absolute;
    border-radius:999px;
    pointer-events:none;
}

.auth-ux-stage::before{
    width:260px;
    height:260px;
    top:-100px;
    left:-90px;
    background:radial-gradient(circle, rgba(255,122,47,.18), transparent 70%);
}

.auth-ux-stage::after{
    width:320px;
    height:320px;
    right:-100px;
    bottom:-110px;
    background:radial-gradient(circle, rgba(94,65,222,.18), transparent 70%);
}

.auth-ux-brand,
.auth-ux-chip{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.74);
    border:1px solid rgba(82,58,150,.08);
    box-shadow:0 12px 30px rgba(68,50,125,.08);
    font-size:.86rem;
    font-weight:700;
    color:#24273c;
}

.auth-ux-brand__mark,
.auth-ux-form-mark{
    display:inline-flex;
    width:18px;
    height:18px;
    position:relative;
}

.auth-ux-brand__mark::before,
.auth-ux-brand__mark::after,
.auth-ux-form-mark::before,
.auth-ux-form-mark::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:7px;
    background:linear-gradient(135deg, var(--auth-primary), #8e7cff);
    transform:rotate(45deg) scale(.72);
}

.auth-ux-brand__mark::after,
.auth-ux-form-mark::after{
    inset:20% 20%;
    background:var(--auth-black);
    transform:rotate(45deg) scale(.44);
}

.auth-ux-chip{
    position:absolute;
    top:34px;
    right:34px;
}

.auth-ux-copy{
    position:relative;
    z-index:2;
    max-width:340px;
    margin-top:68px;
}

.auth-ux-copy h1,
.auth-ux-form-title{
    margin:0;
    color:#161829;
    letter-spacing:-.03em;
    font-weight:800;
}

.auth-ux-copy h1{
    font-size:clamp(2.4rem, 3vw, 3.2rem);
    line-height:.96;
}

.auth-ux-copy p{
    margin:16px 0 0;
    color:var(--auth-muted);
    line-height:1.7;
    font-size:1rem;
}

.auth-ux-scene{
    position:absolute;
    inset:190px 18px 58px 18px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    overflow:hidden;
}

.auth-ux-illustration{
    position:relative;
    width:min(94%, 500px);
    aspect-ratio:1 / 1;
    transform:translate3d(calc(var(--float-x) * .45), calc(var(--float-y) * .45), 0);
    transition:transform .26s ease;
}

.auth-ux-floor{
    position:absolute;
    left:9%;
    right:7%;
    bottom:6%;
    height:14%;
    border-radius:999px;
    background:radial-gradient(circle at center, rgba(33,25,53,.18), rgba(33,25,53,0) 72%);
    filter:blur(14px);
}

.auth-ux-character{
    position:absolute;
    bottom:12%;
    transform-origin:50% 100%;
    transition:transform .28s cubic-bezier(.2,.75,.2,1), filter .28s ease, opacity .28s ease, border-radius .28s ease, clip-path .28s ease;
    will-change:transform;
}

.auth-ux-character--orange{
    left:7%;
    width:56%;
    height:34%;
    background:linear-gradient(180deg, #ff893d, var(--auth-orange));
    border-radius:200px 200px 26px 26px;
    box-shadow:inset 0 10px 18px rgba(255,255,255,.18);
}

.auth-ux-character--purple{
    left:24%;
    width:34%;
    height:56%;
    background:linear-gradient(180deg, #7d5fff, #5922f4);
    clip-path:polygon(20% 0, 100% 2%, 84% 72%, 100% 100%, 28% 100%, 0 48%);
    filter:drop-shadow(0 18px 24px rgba(79,36,190,.18));
}

.auth-ux-character--black{
    left:45%;
    width:20%;
    height:46%;
    background:linear-gradient(180deg, #20202b, #11111a);
    border-radius:18px 18px 8px 8px;
}

.auth-ux-character--yellow{
    right:11%;
    width:22%;
    height:40%;
    background:linear-gradient(180deg, #f7dc39, var(--auth-yellow));
    border-radius:60px 60px 18px 18px;
}

.auth-ux-face{
    position:absolute;
    inset:0;
    pointer-events:none;
}

.auth-ux-eye{
    position:absolute;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#fff;
    overflow:hidden;
    transition:transform .25s ease, opacity .25s ease, height .25s ease;
}

.auth-ux-character--orange .auth-ux-eye{ top:47%; }
.auth-ux-character--purple .auth-ux-eye{ top:19%; }
.auth-ux-character--black .auth-ux-eye{ top:14%; }
.auth-ux-character--yellow .auth-ux-eye{ top:26%; }

.auth-ux-eye--left{ left:34%; }
.auth-ux-eye--right{ right:24%; }
.auth-ux-character--black .auth-ux-eye--left{ left:28%; }
.auth-ux-character--black .auth-ux-eye--right{ right:18%; }
.auth-ux-character--purple .auth-ux-eye--left{ left:40%; }
.auth-ux-character--purple .auth-ux-eye--right{ right:20%; }
.auth-ux-character--yellow .auth-ux-eye--left{ left:48%; }
.auth-ux-character--yellow .auth-ux-eye--right{ display:none; }

.auth-ux-pupil{
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#1a1730;
    top:50%;
    left:50%;
    transform:translate(calc(-50% + var(--look-x)), calc(-50% + var(--look-y)));
    transition:transform .12s linear;
}

.auth-ux-mouth,
.auth-ux-mouth::before,
.auth-ux-mouth::after{
    position:absolute;
    transition:transform .25s ease, width .25s ease, border-radius .25s ease, background .25s ease, opacity .25s ease;
}

.auth-ux-mouth{
    left:42%;
    bottom:24%;
    width:16px;
    height:4px;
    border-radius:999px;
    background:#1f1a2f;
}

.auth-ux-character--orange .auth-ux-mouth{ left:42%; bottom:20%; width:30px; height:5px; background:#1b1b25; }
.auth-ux-character--purple .auth-ux-mouth{ left:48%; bottom:60%; width:18px; height:5px; border-radius:0 0 999px 999px; background:#31105d; }
.auth-ux-character--black .auth-ux-mouth{ display:none; }
.auth-ux-character--yellow .auth-ux-mouth{ left:54%; bottom:47%; width:36px; height:4px; }

.auth-ux-spark{
    position:absolute;
    border-radius:10px;
    background:linear-gradient(135deg, rgba(255,255,255,.95), rgba(181,166,255,.55));
    opacity:.62;
    animation:authSpark 6s ease-in-out infinite;
}

.auth-ux-spark--one{ width:14px; height:14px; left:18%; top:18%; }
.auth-ux-spark--two{ width:10px; height:10px; right:24%; top:11%; animation-delay:-1.5s; }
.auth-ux-spark--three{ width:8px; height:8px; right:16%; top:33%; animation-delay:-3s; }

.auth-ux-caption{
    position:absolute;
    left:34px;
    right:34px;
    bottom:30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    color:#5d5f74;
    font-size:.92rem;
}

.auth-ux-caption__text{
    max-width:360px;
    line-height:1.6;
}

.auth-ux-dots{
    display:inline-flex;
    gap:8px;
}

.auth-ux-dots span{
    width:8px;
    height:8px;
    border-radius:50%;
    background:rgba(94,65,222,.26);
}

.auth-ux-dots span:nth-child(2){ background:rgba(255,122,47,.38); }
.auth-ux-dots span:nth-child(3){ background:rgba(22,22,33,.24); }

.auth-ux-form-panel{
    position:relative;
    min-height:680px;
    background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.98));
    padding:28px;
    display:flex;
    align-items:stretch;
}

.auth-ux-form-card{
    width:100%;
    border-radius:28px;
    border:1px solid rgba(87,71,140,.1);
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(252,251,255,.98));
    box-shadow:0 18px 42px rgba(94,65,222,.08);
    padding:34px 34px 28px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.auth-ux-form-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:14px;
}

.auth-ux-form-mark{
    width:24px;
    height:24px;
    flex:0 0 auto;
}

.auth-ux-form-kicker{
    margin:0 0 6px;
    color:#7a7f97;
    font-size:.9rem;
    font-weight:600;
}

.auth-ux-form-title{
    font-size:clamp(2rem, 2.2vw, 2.5rem);
    line-height:1;
}

.auth-ux-form-subtitle{
    margin:12px 0 0;
    color:var(--auth-muted);
    line-height:1.65;
}

.auth-page--interactive .site-alert.error,
.auth-page--interactive .site-alert.success{
    margin:20px 0 0;
    border-radius:18px;
    background:rgba(255,122,47,.09);
    border:1px solid rgba(255,122,47,.18);
    color:#7a3a1b;
    box-shadow:none;
}

.auth-page--interactive .warext-auth-form{
    display:flex;
    flex-direction:column;
    gap:0;
    width:100%;
}

.auth-page--interactive .warext-auth-grid,
.auth-page--interactive .warext-auth-grid--register,
.auth-page--interactive .warext-auth-grid--single{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
    margin-top:22px;
}

.auth-page--interactive .warext-auth-field--span-2{ grid-column:1 / -1; }

.auth-page--interactive .warext-auth-field > label{
    display:block;
    margin:0 0 9px;
    color:#44485f;
    font-size:.92rem;
    font-weight:700;
}

.auth-page--interactive .warext-auth-input-row{
    position:relative;
    display:flex;
    align-items:center;
    gap:12px;
    min-height:58px;
    padding:0 16px;
    border-radius:18px;
    border:1px solid var(--auth-line);
    background:rgba(251,250,255,.96);
    box-shadow:0 8px 18px rgba(62,45,118,.04);
    transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease, background .22s ease;
}

.auth-page--interactive .warext-auth-input-row:hover{
    transform:translateY(-1px);
    border-color:rgba(94,65,222,.22);
}

.auth-page--interactive .warext-auth-input-row:focus-within{
    border-color:rgba(94,65,222,.46);
    box-shadow:0 12px 24px rgba(94,65,222,.11);
    background:#fff;
}

.auth-page--interactive .warext-auth-input-row svg{
    flex:0 0 auto;
    color:#787d95;
}

.auth-page--interactive .warext-auth-input{
    flex:1 1 auto;
    width:100%;
    border:0;
    background:transparent;
    color:#1c2031;
    font-size:1rem;
    font-weight:600;
    min-width:0;
    box-shadow:none !important;
}

.auth-page--interactive .warext-auth-input::placeholder{ color:#a3a7ba; font-weight:500; }
.auth-page--interactive .warext-auth-input:focus{ outline:none; }

.auth-ux-password-toggle{
    appearance:none;
    border:0;
    background:transparent;
    color:#767b92;
    width:34px;
    height:34px;
    border-radius:10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:background .2s ease, color .2s ease, transform .2s ease;
}

.auth-ux-password-toggle:hover{
    background:rgba(94,65,222,.08);
    color:var(--auth-primary);
    transform:translateY(-1px);
}

.auth-ux-password-toggle.is-active{
    background:rgba(94,65,222,.12);
    color:var(--auth-primary);
}

.auth-ux-password-toggle svg{ width:18px; height:18px; }
.auth-ux-password-toggle .icon-hide{ display:none; }
.auth-ux-password-toggle.is-active .icon-hide{ display:block; }
.auth-ux-password-toggle.is-active .icon-show{ display:none; }

.auth-page--interactive .warext-auth-check{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:16px;
    color:#54596f;
    font-size:.92rem;
}

.auth-page--interactive .warext-auth-check input{
    width:18px;
    height:18px;
    accent-color:var(--auth-primary);
}

.auth-page--interactive .warext-auth-security{
    margin-top:18px;
    display:grid;
    gap:12px;
}

.auth-page--interactive .warext-auth-security .auth-turnstile-wrap,
.auth-page--interactive .warext-auth-security .auth-security-challenge{
    padding:14px 16px;
    border-radius:18px;
    border:1px solid rgba(87,71,140,.08);
    background:rgba(248,247,252,.9);
}

.auth-page--interactive .warext-auth-security .auth-turnstile-wrap label,
.auth-page--interactive .warext-auth-security .auth-security-challenge label{
    color:#565a71;
    font-weight:700;
}

.auth-page--interactive .warext-auth-security .auth-security-challenge input{
    margin-top:10px;
    border-radius:14px;
    border:1px solid rgba(87,71,140,.1);
    background:#fff;
    color:#1d2031;
}

.auth-page--interactive .warext-auth-submit{
    position:relative;
    margin-top:22px;
    min-height:58px;
    border:0;
    border-radius:18px;
    background:linear-gradient(135deg, #171824, #26283b 70%, #373951);
    color:#fff;
    font-size:1rem;
    font-weight:800;
    letter-spacing:.01em;
    box-shadow:0 18px 28px rgba(25,26,39,.22);
    transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.auth-page--interactive .warext-auth-submit:hover{
    transform:translateY(-2px);
    box-shadow:0 22px 34px rgba(25,26,39,.24);
    filter:brightness(1.02);
}

.auth-page--interactive .warext-auth-submit:active{
    transform:translateY(0);
}

.auth-page--interactive .warext-auth-meta,
.auth-page--interactive .warext-auth-divider{
    margin:18px 0 0;
    color:#6f748c;
    text-align:center;
    font-size:.94rem;
}

.auth-page--interactive .warext-auth-divider{
    position:relative;
    margin-top:16px;
}

.auth-page--interactive .warext-auth-divider::before,
.auth-page--interactive .warext-auth-divider::after{
    content:"";
    position:absolute;
    top:50%;
    width:calc(50% - 44px);
    height:1px;
    background:rgba(87,71,140,.11);
}

.auth-page--interactive .warext-auth-divider::before{ left:0; }
.auth-page--interactive .warext-auth-divider::after{ right:0; }

.auth-page--interactive .warext-auth-link{
    color:var(--auth-primary);
    font-weight:700;
}

.auth-page--interactive .warext-auth-social-row{
    display:grid;
    gap:14px;
    margin-top:16px;
}

.auth-page--interactive .warext-auth-social{
    min-height:56px;
    border-radius:18px;
    border:1px solid rgba(87,71,140,.12);
    background:#faf9fd;
    color:#232637;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    transition:transform .2s ease, border-color .2s ease, background .2s ease;
}

.auth-page--interactive .warext-auth-social:hover{
    transform:translateY(-1px);
    border-color:rgba(94,65,222,.22);
    background:#fff;
}

.auth-ux-back-link{
    margin:20px auto 0;
    width:max-content;
    max-width:100%;
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 18px;
    border-radius:999px;
    color:#4f546d;
    font-weight:700;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(87,71,140,.08);
    box-shadow:0 12px 28px rgba(67,51,120,.08);
}

.auth-ux-back-link::before{
    content:"←";
    font-size:1rem;
}

.auth-ux-back-link:hover{ color:var(--auth-primary); }

.auth-ux-shell.is-field-text .auth-ux-character--purple{ transform:translate(6px, -2px) rotate(-1.6deg); }
.auth-ux-shell.is-field-text .auth-ux-character--black{ transform:translate(6px, 0) rotate(.8deg); }
.auth-ux-shell.is-field-text .auth-ux-character--yellow{ transform:translate(0, -4px) rotate(-4deg); }
.auth-ux-shell.is-field-text .auth-ux-character--orange{ transform:translate(-4px, 2px) rotate(.4deg); }
.auth-ux-shell.is-field-text .auth-ux-character--orange .auth-ux-mouth{ height:8px; border-radius:0 0 999px 999px; }
.auth-ux-shell.is-field-text .auth-ux-character--yellow .auth-ux-mouth{ transform:rotate(12deg); }

.auth-ux-shell.is-field-password .auth-ux-character--purple{
    transform:translate(0, 2px) rotate(-4deg) scaleY(1.02);
    clip-path:polygon(18% 0, 100% 2%, 77% 62%, 100% 100%, 28% 100%, 0 52%);
}

.auth-ux-shell.is-field-password .auth-ux-character--purple .auth-ux-mouth{
    width:22px;
    height:6px;
    border-radius:999px 999px 0 0;
    transform:translateX(-4px);
}

.auth-ux-shell.is-field-password .auth-ux-character--black{
    transform:translate(-2px, -4px) rotate(-2deg);
}

.auth-ux-shell.is-field-password .auth-ux-character--black .auth-ux-eye,
.auth-ux-shell.is-field-password .auth-ux-character--yellow .auth-ux-eye{
    height:4px;
    border-radius:999px;
}

.auth-ux-shell.is-field-password .auth-ux-character--yellow{
    transform:translate(-8px, 0) rotate(2deg);
}

.auth-ux-shell.is-field-password .auth-ux-character--yellow .auth-ux-mouth{
    width:28px;
    transform:rotate(0deg);
}

.auth-ux-shell.is-typing .auth-ux-character--purple,
.auth-ux-shell.is-typing .auth-ux-character--black,
.auth-ux-shell.is-typing .auth-ux-character--yellow,
.auth-ux-shell.is-typing .auth-ux-character--orange{
    animation:authBob 1.8s ease-in-out infinite;
}

.auth-ux-shell.is-typing .auth-ux-character--black{ animation-delay:-.18s; }
.auth-ux-shell.is-typing .auth-ux-character--yellow{ animation-delay:-.3s; }
.auth-ux-shell.is-typing .auth-ux-character--orange{ animation-delay:-.46s; }

.auth-ux-shell.is-submit-hover .auth-ux-character--purple{
    transform:translate(-2px, -10px) rotate(2deg);
}

.auth-ux-shell.is-submit-hover .auth-ux-character--orange{
    transform:translate(0, -4px) scaleX(1.02);
}

.auth-ux-shell.is-submit-hover .auth-ux-character--orange .auth-ux-mouth,
.auth-ux-shell.is-password-reveal .auth-ux-character--orange .auth-ux-mouth{
    height:10px;
    border-radius:0 0 999px 999px;
}

.auth-ux-shell.is-submit-hover .auth-ux-character--yellow,
.auth-ux-shell.is-password-reveal .auth-ux-character--yellow{
    transform:translate(-4px, -8px) rotate(-8deg);
}

.auth-ux-shell.is-submit-hover .auth-ux-character--purple .auth-ux-mouth,
.auth-ux-shell.is-password-reveal .auth-ux-character--purple .auth-ux-mouth{
    width:20px;
    height:8px;
    border-radius:0 0 999px 999px;
    transform:translateX(-2px);
}

.auth-ux-shell.is-password-reveal .auth-ux-character--black .auth-ux-eye,
.auth-ux-shell.is-password-reveal .auth-ux-character--yellow .auth-ux-eye{
    height:18px;
}

.auth-ux-shell.is-submit-press .auth-ux-character--orange,
.auth-ux-shell.is-submit-press .auth-ux-character--yellow,
.auth-ux-shell.is-submit-press .auth-ux-character--black,
.auth-ux-shell.is-submit-press .auth-ux-character--purple{
    transform:translateY(6px) scaleY(.98);
}

.auth-ux-shell.is-register .auth-ux-character--purple{ left:23%; width:35%; }
.auth-ux-shell.is-register .auth-ux-character--yellow{ right:10%; width:23%; }
.auth-ux-shell.is-register .auth-ux-copy{ max-width:380px; }

@keyframes authSpark{
    0%,100%{ transform:translateY(0) scale(1) rotate(0deg); opacity:.4; }
    50%{ transform:translateY(-10px) scale(1.18) rotate(18deg); opacity:.95; }
}

@keyframes authBob{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-6px); }
}

@media (max-width: 1180px){
    .auth-ux-shell{
        grid-template-columns:minmax(0, 1fr) minmax(370px, .95fr);
    }

    .auth-ux-stage,
    .auth-ux-form-panel{
        min-height:640px;
    }
}

@media (max-width: 980px){
    body.auth-page--interactive .site-form-section--auth{
        padding:22px 0 22px;
    }

    .auth-ux-shell{
        grid-template-columns:1fr;
        width:min(680px, 100%);
    }

    .auth-ux-stage{
        min-height:420px;
        padding:28px 24px 22px;
    }

    .auth-ux-copy{
        margin-top:54px;
        max-width:100%;
    }

    .auth-ux-copy p{ max-width:520px; }

    .auth-ux-scene{
        inset:180px 0 34px 0;
    }

    .auth-ux-form-panel{
        min-height:auto;
        padding:20px;
    }

    .auth-ux-form-card{ padding:28px 22px 22px; }
}

@media (max-width: 640px){
    .auth-ux-stage{
        min-height:330px;
        padding:24px 18px 18px;
    }

    .auth-ux-chip{ top:22px; right:18px; }

    .auth-ux-copy h1{ font-size:2rem; }
    .auth-ux-copy p{ font-size:.96rem; }

    .auth-ux-scene{ inset:168px -16px 26px -16px; }
    .auth-ux-caption{ left:18px; right:18px; bottom:18px; font-size:.86rem; }

    .auth-page--interactive .warext-auth-grid,
    .auth-page--interactive .warext-auth-grid--register,
    .auth-page--interactive .warext-auth-grid--single{
        grid-template-columns:1fr;
    }

    .auth-page--interactive .warext-auth-field--span-2{ grid-column:auto; }

    .auth-page--interactive .warext-auth-submit,
    .auth-page--interactive .warext-auth-social{ min-height:54px; }

    .auth-ux-form-top{ margin-bottom:10px; }
    .auth-ux-form-title{ font-size:1.8rem; }
}


/* v0.380 auth polish */
body.auth-page--interactive{
    --auth-bg:#0b1020;
    --auth-card:#f3effb;
    --auth-panel:#1a1f39;
    --auth-ink:#141728;
    --auth-muted:#8b91a9;
    --auth-line:rgba(118,89,223,.16);
    --auth-primary:#6f4cff;
    --auth-primary-2:#8f72ff;
    --auth-shadow:0 44px 120px rgba(5,8,20,.52);
    background:
        radial-gradient(circle at 14% 18%, rgba(255,122,47,.18), transparent 18%),
        radial-gradient(circle at 82% 14%, rgba(111,76,255,.24), transparent 24%),
        linear-gradient(180deg, #090d18 0%, #11172d 48%, #0a1020 100%) !important;
}

body.auth-page--interactive .site-bg-engine__pattern{ opacity:.34 !important; }
body.auth-page--interactive .site-bg-engine__glow{ opacity:.72 !important; }
body.auth-page--interactive .site-bg-engine__shade{ opacity:.55 !important; }

.auth-ux-shell{
    --field-x:0;
    --field-y:0;
    background:linear-gradient(135deg, rgba(16,21,40,.9), rgba(28,18,54,.88)) !important;
    border:1px solid rgba(156,126,255,.16) !important;
    box-shadow:var(--auth-shadow), 0 0 0 1px rgba(255,255,255,.03) inset, 0 0 32px rgba(111,76,255,.14) !important;
}

.auth-ux-stage{
    background:linear-gradient(180deg, rgba(27,31,58,.98), rgba(21,18,42,.98)) !important;
}

.auth-ux-copy h1{ color:#f4f3ff !important; }
.auth-ux-copy p,
.auth-ux-caption,
.auth-ux-caption__text{ color:#b8bdd4 !important; }

.auth-ux-brand,
.auth-ux-chip{
    background:rgba(255,255,255,.08) !important;
    border-color:rgba(182,162,255,.14) !important;
    color:#eef0ff !important;
    box-shadow:0 18px 28px rgba(4,6,16,.22) !important;
}

.auth-ux-form-panel{
    background:linear-gradient(180deg, rgba(236,232,248,.96), rgba(227,221,245,.98)) !important;
}

.auth-ux-form-card{
    background:linear-gradient(180deg, rgba(247,244,253,.98), rgba(238,233,249,.98)) !important;
    border:1px solid rgba(93,67,170,.1) !important;
    box-shadow:0 26px 40px rgba(49,34,102,.08), inset 0 1px 0 rgba(255,255,255,.72) !important;
}

.auth-ux-form-kicker,
.auth-ux-form-subtitle{ color:#68708a !important; }
.auth-ux-form-title{ color:#17192b !important; }

body.auth-page--interactive .auth-ux-form-card .warext-auth-field > label,
body.auth-page--interactive .auth-ux-form-card .warext-auth-meta,
body.auth-page--interactive .auth-ux-form-card .warext-auth-divider,
body.auth-page--interactive .auth-ux-form-card .warext-auth-check,
body.auth-page--interactive .auth-ux-form-card .warext-auth-security label{
    color:#434a63 !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-input-row{
    background:rgba(255,255,255,.88) !important;
    border:1px solid rgba(96,71,176,.12) !important;
    box-shadow:0 10px 20px rgba(61,42,128,.05) !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-input-row:hover{
    background:#ffffff !important;
    border-color:rgba(111,76,255,.28) !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-input-row:focus-within{
    background:#fff !important;
    border-color:rgba(111,76,255,.52) !important;
    box-shadow:0 0 0 4px rgba(111,76,255,.12), 0 12px 24px rgba(111,76,255,.10) !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-input-row > svg,
body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle{
    color:#767b94 !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-input,
body.auth-page--interactive .auth-ux-form-card .warext-auth-input[type="text"],
body.auth-page--interactive .auth-ux-form-card .warext-auth-input[type="email"],
body.auth-page--interactive .auth-ux-form-card .warext-auth-input[type="password"]{
    color:#171b2d !important;
    -webkit-text-fill-color:#171b2d !important;
    opacity:1 !important;
    caret-color:var(--auth-primary) !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-input::placeholder{
    color:#7f839a !important;
    -webkit-text-fill-color:#7f839a !important;
    opacity:1 !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-input:-webkit-autofill,
body.auth-page--interactive .auth-ux-form-card .warext-auth-input:-webkit-autofill:hover,
body.auth-page--interactive .auth-ux-form-card .warext-auth-input:-webkit-autofill:focus{
    -webkit-text-fill-color:#171b2d !important;
    transition:background-color 99999s ease-out 0s;
    box-shadow:0 0 0 1000px rgba(255,255,255,.88) inset !important;
}

body.auth-page--interactive .auth-ux-form-card .auth-turnstile-wrap,
body.auth-page--interactive .auth-ux-form-card .auth-security-challenge{
    background:rgba(255,255,255,.56) !important;
    border-color:rgba(96,71,176,.12) !important;
}

body.auth-page--interactive .warext-auth-submit{
    background:linear-gradient(135deg, #5b38ff 0%, #724cff 55%, #8f63ff 100%) !important;
    color:#fff !important;
    box-shadow:0 18px 38px rgba(91,56,255,.32), 0 0 26px rgba(143,99,255,.24), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

body.auth-page--interactive .warext-auth-submit:hover{
    box-shadow:0 22px 42px rgba(91,56,255,.36), 0 0 34px rgba(143,99,255,.28), inset 0 1px 0 rgba(255,255,255,.24) !important;
    filter:none !important;
}

body.auth-page--interactive .warext-auth-social{
    background:rgba(255,255,255,.76) !important;
    color:#23263a !important;
}

.auth-ux-back-link{
    position:fixed !important;
    left:50% !important;
    bottom:22px !important;
    transform:translateX(-50%) !important;
    margin:0 !important;
    z-index:35 !important;
    padding:13px 22px !important;
    color:#eef0ff !important;
    background:linear-gradient(135deg, rgba(88,52,230,.92), rgba(112,76,255,.92)) !important;
    border:1px solid rgba(175,157,255,.26) !important;
    box-shadow:0 14px 34px rgba(65,35,179,.42), 0 0 28px rgba(119,79,255,.30), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

.auth-ux-back-link:hover{
    color:#fff !important;
    transform:translateX(-50%) translateY(-2px) !important;
}

.auth-ux-back-link::before{ opacity:.92; }

.auth-ux-illustration{ transition:transform .24s ease; }
.auth-ux-character::before,
.auth-ux-character::after{
    transition:transform .26s cubic-bezier(.2,.75,.2,1), opacity .24s ease, height .24s ease, width .24s ease, border-radius .24s ease, filter .24s ease;
}

.auth-ux-character--black::before,
.auth-ux-character--black::after{
    content:"";
    position:absolute;
    top:17%;
    width:52%;
    height:10%;
    border-radius:999px;
    background:linear-gradient(180deg, #2a2a37, #171720);
    box-shadow:0 3px 0 rgba(255,255,255,.05) inset;
    opacity:0;
    z-index:2;
}
.auth-ux-character--black::before{ left:-3%; transform:rotate(34deg) translate(-12px, -6px); transform-origin:85% 50%; }
.auth-ux-character--black::after{ right:-5%; transform:rotate(-34deg) translate(12px, -6px); transform-origin:15% 50%; }

.auth-ux-shell.is-field-password .auth-ux-character--black::before,
.auth-ux-shell.is-field-password .auth-ux-character--black::after{
    opacity:1;
}
.auth-ux-shell.is-field-password .auth-ux-character--black::before{ transform:rotate(28deg) translate(6px, 8px); }
.auth-ux-shell.is-field-password .auth-ux-character--black::after{ transform:rotate(-28deg) translate(-4px, 8px); }

.auth-ux-shell.is-field-identity .auth-ux-character--purple,
.auth-ux-shell.is-field-email .auth-ux-character--purple,
.auth-ux-shell.is-field-name .auth-ux-character--purple,
.auth-ux-shell.is-field-text .auth-ux-character--purple{
    transform:translate(calc(4px + var(--field-x) * 8px), calc(var(--field-y) * 10px - 4px)) rotate(calc(var(--field-y) * 5deg - 1deg));
}

.auth-ux-shell.is-field-identity .auth-ux-character--black,
.auth-ux-shell.is-field-email .auth-ux-character--black,
.auth-ux-shell.is-field-name .auth-ux-character--black,
.auth-ux-shell.is-field-text .auth-ux-character--black{
    transform:translate(calc(6px + var(--field-x) * 10px), calc(var(--field-y) * 8px)) rotate(calc(var(--field-x) * 2deg));
}

.auth-ux-shell.is-field-identity .auth-ux-character--yellow,
.auth-ux-shell.is-field-email .auth-ux-character--yellow,
.auth-ux-shell.is-field-name .auth-ux-character--yellow,
.auth-ux-shell.is-field-text .auth-ux-character--yellow{
    transform:translate(calc(var(--field-x) * 6px), calc(var(--field-y) * 10px - 4px)) rotate(calc(var(--field-y) * -5deg - 3deg));
}

.auth-ux-shell.is-field-identity .auth-ux-character--orange,
.auth-ux-shell.is-field-email .auth-ux-character--orange,
.auth-ux-shell.is-field-name .auth-ux-character--orange,
.auth-ux-shell.is-field-text .auth-ux-character--orange{
    transform:translate(calc(var(--field-x) * -6px - 4px), calc(var(--field-y) * 8px + 2px)) rotate(calc(var(--field-x) * -3deg));
}

.auth-ux-shell.is-field-name .auth-ux-character--orange .auth-ux-mouth,
.auth-ux-shell.is-field-text .auth-ux-character--orange .auth-ux-mouth,
.auth-ux-shell.is-field-identity .auth-ux-character--orange .auth-ux-mouth{
    width:34px; height:8px; border-radius:0 0 999px 999px;
}

.auth-ux-shell.is-field-email .auth-ux-character--yellow .auth-ux-mouth{
    width:30px; transform:rotate(-8deg) translateX(-3px);
}

.auth-ux-shell.is-field-password .auth-ux-character--purple{
    transform:translate(calc(var(--field-x) * 5px), calc(var(--field-y) * 8px + 2px)) rotate(-5deg) scaleY(1.02);
}
.auth-ux-shell.is-field-password .auth-ux-character--yellow{
    transform:translate(calc(var(--field-x) * 6px - 10px), calc(var(--field-y) * 8px)) rotate(3deg);
}
.auth-ux-shell.is-field-password .auth-ux-character--orange{
    transform:translate(calc(var(--field-x) * -5px - 8px), calc(var(--field-y) * 8px + 2px)) rotate(1deg) scaleX(1.01);
}

.auth-ux-shell.is-submit-hover .auth-ux-character--purple{
    transform:translate(calc(var(--field-x) * 5px - 2px), -12px) rotate(2deg);
}
.auth-ux-shell.is-submit-hover .auth-ux-character--black{
    transform:translate(calc(var(--field-x) * 6px), -6px) rotate(0deg);
}
.auth-ux-shell.is-submit-hover .auth-ux-character--yellow,
.auth-ux-shell.is-password-reveal .auth-ux-character--yellow{
    transform:translate(-4px, -10px) rotate(-8deg);
}
.auth-ux-shell.is-submit-hover .auth-ux-character--orange,
.auth-ux-shell.is-password-reveal .auth-ux-character--orange{
    transform:translate(0, -4px) scaleX(1.03);
}

.auth-ux-shell.is-submit-hover .auth-ux-character--orange .auth-ux-mouth,
.auth-ux-shell.is-password-reveal .auth-ux-character--orange .auth-ux-mouth{
    width:34px; height:10px; border-radius:0 0 999px 999px;
}

.auth-ux-shell.is-field-password .auth-ux-character--yellow .auth-ux-eye,
.auth-ux-shell.is-field-password .auth-ux-character--black .auth-ux-eye,
.auth-ux-shell.is-password-reveal .auth-ux-character--black .auth-ux-eye,
.auth-ux-shell.is-password-reveal .auth-ux-character--yellow .auth-ux-eye{
    height:4px;
    border-radius:999px;
}

.auth-ux-shell.is-password-reveal .auth-ux-character--black::before,
.auth-ux-shell.is-password-reveal .auth-ux-character--black::after{
    opacity:0;
}

@media (max-width: 980px){
    .auth-ux-back-link{
        position:static !important;
        left:auto !important;
        bottom:auto !important;
        transform:none !important;
        margin:18px auto 0 !important;
    }

    .auth-ux-back-link:hover{ transform:translateY(-2px) !important; }
}

/* v0.381 auth interaction refinements */
.auth-ux-dots{
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.auth-ux-dot{
    width:10px;
    height:10px;
    border-radius:999px;
    border:0;
    padding:0;
    margin:0;
    background:rgba(154,138,255,.28);
    box-shadow:0 0 0 1px rgba(176,165,255,.12) inset;
    cursor:pointer;
    transition:transform .18s ease, background .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.auth-ux-dot:hover,
.auth-ux-dot:focus-visible{
    transform:scale(1.15);
    background:rgba(169,150,255,.5);
    box-shadow:0 0 0 1px rgba(203,195,255,.28) inset, 0 0 0 6px rgba(119,88,255,.12);
    outline:none;
}

.auth-ux-dot.is-active{
    background:linear-gradient(135deg, rgba(110,82,255,.98), rgba(255,138,89,.92));
    box-shadow:0 0 0 1px rgba(212,205,255,.24) inset, 0 0 18px rgba(122,91,255,.35);
}

.auth-ux-eye{
    transition:transform .22s ease, opacity .22s ease, height .22s ease, width .22s ease, border-radius .22s ease, top .22s ease;
}

.auth-ux-pupil{
    width:7px;
    height:7px;
    transform:translate(calc(-50% + var(--look-x)), calc(-50% + var(--look-y)));
    transition:transform .18s ease, width .18s ease, height .18s ease, opacity .18s ease;
}

.auth-ux-shell.is-eye-squint .auth-ux-eye{
    height:10px !important;
    border-radius:999px !important;
}

.auth-ux-shell.is-eye-squint .auth-ux-pupil{
    width:5px;
    height:5px;
}

.auth-ux-shell.is-password-hidden .auth-ux-eye{
    height:6px !important;
    border-radius:999px !important;
}

.auth-ux-shell.is-password-hidden .auth-ux-pupil{
    width:4px;
    height:4px;
}

.auth-ux-shell.is-password-hidden .auth-ux-character--orange .auth-ux-mouth,
.auth-ux-shell.is-field-password .auth-ux-character--orange .auth-ux-mouth{
    width:32px;
    height:6px;
    border-radius:999px;
}

.auth-ux-shell.is-password-hidden .auth-ux-character--purple .auth-ux-mouth,
.auth-ux-shell.is-field-password .auth-ux-character--purple .auth-ux-mouth{
    width:22px;
    height:5px;
    border-radius:999px;
}

.auth-ux-shell.is-password-hidden .auth-ux-character--yellow .auth-ux-mouth,
.auth-ux-shell.is-field-password .auth-ux-character--yellow .auth-ux-mouth{
    width:30px;
    transform:translateX(-4px);
}

.auth-ux-shell.is-field-identity .auth-ux-character--purple,
.auth-ux-shell.is-field-email .auth-ux-character--purple,
.auth-ux-shell.is-field-name .auth-ux-character--purple,
.auth-ux-shell.is-field-text .auth-ux-character--purple,
.auth-ux-shell.is-password-reveal .auth-ux-character--purple{
    transform:translate(calc(var(--field-x) * 10px + 3px), calc(var(--field-y) * 12px - 2px)) rotate(calc(var(--field-y) * 5deg - 1deg));
}

.auth-ux-shell.is-field-identity .auth-ux-character--black,
.auth-ux-shell.is-field-email .auth-ux-character--black,
.auth-ux-shell.is-field-name .auth-ux-character--black,
.auth-ux-shell.is-field-text .auth-ux-character--black,
.auth-ux-shell.is-password-reveal .auth-ux-character--black{
    transform:translate(calc(var(--field-x) * 12px + 4px), calc(var(--field-y) * 10px)) rotate(calc(var(--field-x) * 3deg));
}

.auth-ux-shell.is-field-identity .auth-ux-character--yellow,
.auth-ux-shell.is-field-email .auth-ux-character--yellow,
.auth-ux-shell.is-field-name .auth-ux-character--yellow,
.auth-ux-shell.is-field-text .auth-ux-character--yellow,
.auth-ux-shell.is-password-reveal .auth-ux-character--yellow{
    transform:translate(calc(var(--field-x) * 8px - 1px), calc(var(--field-y) * 10px - 3px)) rotate(calc(var(--field-y) * -6deg - 2deg));
}

.auth-ux-shell.is-field-identity .auth-ux-character--orange,
.auth-ux-shell.is-field-email .auth-ux-character--orange,
.auth-ux-shell.is-field-name .auth-ux-character--orange,
.auth-ux-shell.is-field-text .auth-ux-character--orange,
.auth-ux-shell.is-password-reveal .auth-ux-character--orange{
    transform:translate(calc(var(--field-x) * -8px - 3px), calc(var(--field-y) * 8px + 2px)) rotate(calc(var(--field-x) * -3deg));
}

.auth-ux-shell.is-password-hidden .auth-ux-character--purple{
    transform:translate(calc(var(--field-x) * 5px - 2px), calc(var(--field-y) * 6px + 3px)) rotate(-6deg);
}

.auth-ux-shell.is-password-hidden .auth-ux-character--black{
    transform:translate(calc(var(--field-x) * 4px - 8px), calc(var(--field-y) * 6px - 3px)) rotate(-4deg);
}

.auth-ux-shell.is-password-hidden .auth-ux-character--yellow{
    transform:translate(calc(var(--field-x) * 6px - 10px), calc(var(--field-y) * 6px)) rotate(3deg);
}

.auth-ux-shell.is-password-hidden .auth-ux-character--orange{
    transform:translate(calc(var(--field-x) * -4px - 7px), calc(var(--field-y) * 6px + 2px)) rotate(1deg);
}

.auth-ux-password-toggle{
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    border-radius:14px !important;
    background:rgba(109,89,231,.14) !important;
    border:1px solid rgba(164,145,255,.28) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 24px rgba(15,17,34,.12) !important;
    color:#d9dcf2 !important;
}

.auth-ux-password-toggle:hover,
.auth-ux-password-toggle:focus-visible{
    background:rgba(118,96,255,.22) !important;
    border-color:rgba(188,173,255,.42) !important;
    color:#ffffff !important;
    outline:none !important;
}

.auth-ux-password-toggle svg{
    width:20px !important;
    height:20px !important;
}

.auth-ux-password-toggle .icon-show{ display:none; }
.auth-ux-password-toggle .icon-hide{ display:block; }
.auth-ux-password-toggle.is-active .icon-show{ display:block; }
.auth-ux-password-toggle.is-active .icon-hide{ display:none; }

body.auth-page--interactive .auth-ux-form-card .warext-auth-input,
body.auth-page--interactive .auth-ux-form-card .warext-auth-input::placeholder,
body.auth-page--interactive .auth-ux-form-card .warext-auth-field label{
    color:#eef1ff !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-input::placeholder{
    color:rgba(208,214,244,.62) !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-input-row{
    background:rgba(17,21,44,.58) !important;
    border-color:rgba(130,121,214,.24) !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-input-row:focus-within{
    border-color:rgba(161,144,255,.56) !important;
    box-shadow:0 0 0 4px rgba(121,96,255,.14), 0 18px 32px rgba(11,13,28,.24) !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-input-row svg,
body.auth-page--interactive .auth-ux-form-card .warext-auth-form-top .auth-ux-form-mark,
body.auth-page--interactive .auth-ux-form-card .warext-auth-meta,
body.auth-page--interactive .auth-ux-form-card .warext-auth-divider{
    color:rgba(219,223,248,.8) !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-link{
    color:#b8abff !important;
}

body.auth-page--interactive .auth-ux-form-card .site-alert.error{
    background:rgba(124,43,61,.24) !important;
    color:#ffd9e2 !important;
    border-color:rgba(255,123,151,.24) !important;
}

/* v0.382 readability and smoothness refinements */
.auth-ux-illustration{
    transition:transform .38s cubic-bezier(.22,.78,.18,1) !important;
}

.auth-ux-character{
    transition:transform .42s cubic-bezier(.2,.8,.2,1), filter .32s ease, opacity .32s ease, border-radius .32s ease, clip-path .32s ease !important;
}

.auth-ux-character::before,
.auth-ux-character::after,
.auth-ux-eye,
.auth-ux-mouth,
.auth-ux-mouth::before,
.auth-ux-mouth::after{
    transition:transform .32s cubic-bezier(.2,.8,.2,1), opacity .28s ease, height .28s ease, width .28s ease, border-radius .28s ease, background .28s ease, top .28s ease !important;
}

.auth-ux-pupil{
    transition:none !important;
}

.auth-ux-form-panel{
    background:linear-gradient(180deg, rgba(232,227,246,.97), rgba(223,216,243,.98)) !important;
}

.auth-ux-form-card{
    background:linear-gradient(180deg, rgba(244,240,252,.98), rgba(236,231,248,.98)) !important;
    border:1px solid rgba(104,78,190,.12) !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-field > label,
body.auth-page--interactive .auth-ux-form-card .warext-auth-check,
body.auth-page--interactive .auth-ux-form-card .warext-auth-security label,
body.auth-page--interactive .auth-ux-form-card .warext-auth-meta,
body.auth-page--interactive .auth-ux-form-card .warext-auth-divider,
body.auth-page--interactive .auth-ux-form-card .warext-auth-form-top,
body.auth-page--interactive .auth-ux-form-card .warext-auth-form-top *{
    color:#5c637f !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-meta{
    color:#69718d !important;
    font-weight:600 !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-link,
body.auth-page--interactive .auth-ux-form-card .warext-auth-meta a{
    color:#7257ff !important;
    font-weight:700 !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-divider::before,
body.auth-page--interactive .auth-ux-form-card .warext-auth-divider::after{
    background:rgba(114,87,255,.14) !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-input-row{
    background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,243,255,.96)) !important;
    border:1px solid rgba(108,82,197,.14) !important;
    box-shadow:0 10px 20px rgba(74,51,149,.05), inset 0 1px 0 rgba(255,255,255,.8) !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-input-row:hover{
    background:#ffffff !important;
    border-color:rgba(111,76,255,.24) !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-input-row:focus-within{
    background:#ffffff !important;
    border-color:rgba(111,76,255,.42) !important;
    box-shadow:0 0 0 4px rgba(111,76,255,.10), 0 14px 26px rgba(74,51,149,.10) !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-input,
body.auth-page--interactive .auth-ux-form-card .warext-auth-input[type="text"],
body.auth-page--interactive .auth-ux-form-card .warext-auth-input[type="email"],
body.auth-page--interactive .auth-ux-form-card .warext-auth-input[type="password"],
body.auth-page--interactive .auth-ux-form-card .warext-auth-input[type="search"]{
    color:#1b2035 !important;
    -webkit-text-fill-color:#1b2035 !important;
    caret-color:#7257ff !important;
    font-weight:600 !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-input::placeholder{
    color:#8c92ab !important;
    -webkit-text-fill-color:#8c92ab !important;
    opacity:1 !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-input:-webkit-autofill,
body.auth-page--interactive .auth-ux-form-card .warext-auth-input:-webkit-autofill:hover,
body.auth-page--interactive .auth-ux-form-card .warext-auth-input:-webkit-autofill:focus{
    -webkit-text-fill-color:#1b2035 !important;
    box-shadow:0 0 0 1000px rgba(255,255,255,.96) inset !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-input-row > svg,
body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle{
    color:#7a809b !important;
}

.auth-ux-password-toggle{
    background:linear-gradient(180deg, rgba(246,242,255,.96), rgba(238,233,250,.96)) !important;
    border:1px solid rgba(122,96,220,.18) !important;
    color:#6c73a0 !important;
    box-shadow:0 8px 18px rgba(74,51,149,.08), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.auth-ux-password-toggle:hover,
.auth-ux-password-toggle:focus-visible{
    background:#ffffff !important;
    border-color:rgba(122,96,220,.28) !important;
    color:#5c43e0 !important;
}

body.auth-page--interactive .auth-ux-form-card .warext-auth-social{
    background:rgba(255,255,255,.88) !important;
    color:#22283b !important;
    border-color:rgba(107,82,197,.12) !important;
}


/* v0.383 register password placeholder and stronger eye toggle visibility */
body.auth-page--interactive .auth-ux-form-card .warext-auth-input-row:has(.auth-ux-password-toggle){
    padding-right: 8px !important;
}

body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle{
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,236,255,.98)) !important;
    border: 1px solid rgba(127,102,238,.30) !important;
    box-shadow: 0 12px 26px rgba(79,56,170,.14), inset 0 1px 0 rgba(255,255,255,.98) !important;
    color: #7267ab !important;
    opacity: 1 !important;
}

body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle:hover,
body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle:focus-visible{
    background: linear-gradient(180deg, rgba(255,255,255,1), rgba(246,242,255,1)) !important;
    border-color: rgba(112,82,255,.42) !important;
    box-shadow: 0 14px 30px rgba(95,70,201,.18), 0 0 0 4px rgba(118,93,255,.10) !important;
    color: #5c43e0 !important;
}

body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle svg{
    width: 22px !important;
    height: 22px !important;
    opacity: 1 !important;
}

body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle .icon-show,
body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle .icon-hide{
    filter: drop-shadow(0 1px 1px rgba(97,72,205,.12));
}

body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle.is-active{
    background: linear-gradient(180deg, rgba(245,241,255,.98), rgba(236,229,255,.98)) !important;
    border-color: rgba(106,79,228,.36) !important;
    color: #6348ec !important;
}


/* v0.384 stronger password toggle visibility */
body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle{
    width:54px !important;
    min-width:54px !important;
    height:54px !important;
    border-radius:18px !important;
    background:linear-gradient(180deg, rgba(242,237,255,1), rgba(231,224,255,1)) !important;
    border:1px solid rgba(105,77,235,.48) !important;
    box-shadow:0 14px 30px rgba(86,61,190,.18), inset 0 1px 0 rgba(255,255,255,.98), 0 0 0 1px rgba(122,94,255,.10) !important;
    color:#5a45d6 !important;
}

body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle:hover,
body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle:focus-visible{
    background:linear-gradient(180deg, rgba(247,244,255,1), rgba(236,229,255,1)) !important;
    border-color:rgba(98,68,235,.62) !important;
    box-shadow:0 16px 34px rgba(92,66,205,.22), 0 0 0 4px rgba(114,87,255,.14) !important;
    color:#4f34ea !important;
}

body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle.is-active{
    background:linear-gradient(180deg, rgba(236,230,255,1), rgba(225,216,255,1)) !important;
    border-color:rgba(93,63,230,.7) !important;
    box-shadow:0 16px 34px rgba(86,60,198,.24), 0 0 0 4px rgba(109,80,255,.16) !important;
    color:#4729df !important;
}

body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle svg{
    width:24px !important;
    height:24px !important;
    opacity:1 !important;
    stroke-width:2.15px !important;
}

body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle .icon-show,
body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle .icon-hide{
    filter:drop-shadow(0 1px 0 rgba(255,255,255,.45)) drop-shadow(0 2px 5px rgba(93,66,204,.14));
}

/* v0.385 much brighter password toggle buttons */
body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle{
    width:56px !important;
    min-width:56px !important;
    height:56px !important;
    border-radius:18px !important;
    background:linear-gradient(180deg, #8a6bff 0%, #6e46ff 55%, #5b35ef 100%) !important;
    border:1px solid rgba(126,95,255,.92) !important;
    box-shadow:0 18px 36px rgba(86,59,208,.34), 0 0 0 1px rgba(167,145,255,.24), inset 0 1px 0 rgba(255,255,255,.30) !important;
    color:#ffffff !important;
    opacity:1 !important;
}

body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle:hover,
body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle:focus-visible{
    background:linear-gradient(180deg, #977cff 0%, #7a56ff 55%, #653fff 100%) !important;
    border-color:rgba(186,171,255,.96) !important;
    box-shadow:0 22px 42px rgba(89,63,219,.42), 0 0 0 4px rgba(119,87,255,.22), 0 0 24px rgba(122,87,255,.26) !important;
    color:#ffffff !important;
}

body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle.is-active{
    background:linear-gradient(180deg, #6f4dff 0%, #5d36f2 58%, #4d2adf 100%) !important;
    border-color:rgba(210,200,255,.94) !important;
    box-shadow:0 22px 42px rgba(78,50,204,.46), 0 0 0 4px rgba(108,78,255,.24), 0 0 28px rgba(106,74,255,.28) !important;
    color:#ffffff !important;
}

body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle svg{
    width:25px !important;
    height:25px !important;
    opacity:1 !important;
    stroke:currentColor !important;
    stroke-width:2.35px !important;
}

body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle .icon-show,
body.auth-page--interactive .auth-ux-form-card .auth-ux-password-toggle .icon-hide{
    filter:drop-shadow(0 1px 0 rgba(255,255,255,.18)) drop-shadow(0 4px 10px rgba(27,12,91,.26));
}


/* v0.386 mobile auth stage + turnstile alignment fixes */
body.auth-page--interactive .auth-ux-form-card .auth-turnstile-wrap{
    display:block !important;
}

body.auth-page--interactive .auth-ux-form-card .auth-turnstile-wrap label{
    display:block !important;
    margin:0 0 14px !important;
}

body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget,
body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget > div,
body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget .cf-turnstile{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget{
    margin-top:14px !important;
    overflow:visible !important;
}

body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget iframe{
    margin:0 auto !important;
}

@media (max-width: 767px){
    .auth-ux-stage{
        min-height:auto !important;
        padding:24px 18px 92px !important;
    }

    .auth-ux-scene{
        display:none !important;
    }

    .auth-ux-copy{
        max-width:100% !important;
        margin-top:54px !important;
        padding-right:0 !important;
    }

    .auth-ux-copy h1,
    .auth-ux-copy p{
        max-width:100% !important;
    }

    .auth-ux-caption{
        left:18px !important;
        right:18px !important;
        bottom:18px !important;
        gap:12px !important;
    }

    .auth-ux-back-link{
        position:static !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;
        transform:none !important;
        display:flex !important;
        width:fit-content !important;
        max-width:calc(100% - 36px) !important;
        margin:18px auto 0 !important;
        justify-content:center !important;
    }

    .auth-ux-back-link:hover{
        transform:translateY(-2px) !important;
    }

    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-wrap{
        padding:14px 14px 16px !important;
    }

    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-wrap label{
        text-align:left !important;
        margin-bottom:12px !important;
    }

    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget,
    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget > div,
    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget .cf-turnstile{
        justify-content:center !important;
        margin-inline:auto !important;
    }
}


/* v0.395 mobile auth overflow + chip spacing fixes */
@media (max-width: 767px){
    .auth-ux-brand,
    .auth-ux-chip{
        max-width:100% !important;
        white-space:normal !important;
    }

    .auth-ux-chip{
        position:relative !important;
        top:auto !important;
        right:auto !important;
        margin-top:12px !important;
        align-self:flex-start !important;
    }

    .auth-ux-copy{
        margin-top:26px !important;
    }

    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-wrap{
        overflow:hidden !important;
        padding:14px 12px 16px !important;
    }

    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget{
        width:100% !important;
        max-width:100% !important;
        margin-top:12px !important;
        overflow:hidden !important;
        display:flex !important;
        justify-content:center !important;
    }

    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget > div,
    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget .cf-turnstile{
        width:100% !important;
        max-width:100% !important;
    }

    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget iframe{
        width:100% !important;
        max-width:100% !important;
        margin:0 auto !important;
    }
}


/* v0.396 mobile auth hard fixes */
@media (max-width: 767px){
    .auth-ux-stage{
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:0 !important;
    }

    .auth-ux-brand,
    .auth-ux-chip{
        position:relative !important;
        top:auto !important;
        right:auto !important;
        left:auto !important;
        display:inline-flex !important;
        width:auto !important;
        max-width:100% !important;
        white-space:normal !important;
        flex:0 0 auto !important;
    }

    .auth-ux-brand{
        z-index:2 !important;
    }

    .auth-ux-chip{
        margin-top:12px !important;
        align-self:flex-start !important;
    }

    .auth-ux-copy{
        margin-top:22px !important;
    }

    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-wrap{
        overflow:visible !important;
        padding:14px 10px 16px !important;
    }

    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget{
        width:300px !important;
        max-width:none !important;
        height:58px !important;
        margin:10px auto 0 !important;
        overflow:visible !important;
        display:flex !important;
        justify-content:center !important;
        align-items:flex-start !important;
        transform:scale(.88) !important;
        transform-origin:center top !important;
    }

    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget > div,
    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget .cf-turnstile,
    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget iframe{
        width:300px !important;
        max-width:300px !important;
        min-width:300px !important;
        margin:0 auto !important;
    }
}


/* v0.397 auth mobile chip row + flexible turnstile fit */
.auth-ux-topline{
    position:relative;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
}

.auth-ux-topline .auth-ux-chip{
    position:static !important;
    top:auto !important;
    right:auto !important;
    margin-left:auto;
}

@media (max-width: 767px){
    .auth-ux-stage{
        display:block !important;
    }

    .auth-ux-topline{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:center !important;
        gap:12px !important;
    }

    .auth-ux-topline .auth-ux-brand,
    .auth-ux-topline .auth-ux-chip{
        min-width:0 !important;
        margin:0 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    .auth-ux-topline .auth-ux-chip{
        justify-self:end !important;
        align-self:center !important;
    }

    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-wrap{
        overflow:hidden !important;
        padding:14px 12px 14px !important;
    }

    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        height:auto !important;
        margin:10px 0 0 !important;
        overflow:hidden !important;
        display:block !important;
        transform:none !important;
    }

    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget > div,
    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget .cf-turnstile,
    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget iframe{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 auto !important;
        transform:none !important;
    }
}


/* v0.398 auth mobile chip row + compact turnstile */
@media (max-width: 767px){
    .auth-ux-topline{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
        gap:12px !important;
        align-items:center !important;
        flex-wrap:nowrap !important;
    }

    .auth-ux-topline .auth-ux-brand,
    .auth-ux-topline .auth-ux-chip{
        width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        justify-content:center !important;
        text-align:center !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-wrap{
        padding:14px 12px !important;
        overflow:visible !important;
    }

    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        overflow:visible !important;
    }

    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget > div,
    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget .cf-turnstile{
        max-width:100% !important;
        margin:0 auto !important;
    }

    body.auth-page--interactive .auth-ux-form-card .auth-turnstile-widget iframe{
        max-width:100% !important;
        margin:0 auto !important;
    }
}