:root{
    --auth-ink:#32180a;
    --auth-muted:#785f4d;
    --auth-brown:#642700;
    --auth-orange:#ee7a08;
    --auth-gold:#ffc62d;
    --auth-cream:#fff8eb;
    --auth-line:rgba(118,61,18,.16);
}

.auth-page.auth-v2{
    min-height:100svh;
    display:block;
    overflow-x:hidden;
    overflow-y:auto;
    padding:clamp(16px,3.4vw,42px);
    color:var(--auth-ink);
    background:
        linear-gradient(rgba(111,55,14,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(111,55,14,.045) 1px,transparent 1px),
        radial-gradient(circle at 88% 5%,rgba(255,198,45,.28),transparent 26rem),
        radial-gradient(circle at 6% 92%,rgba(238,122,8,.14),transparent 24rem),
        #fff8eb;
    background-size:32px 32px,32px 32px,auto,auto,auto;
}
.auth-page.auth-v2::before,.auth-page.auth-v2::after{display:none}
.auth-v2 a{color:#9f4308}
.auth-v2 .auth-shell{
    width:min(1060px,100%);
    min-height:min(720px,calc(100svh - clamp(32px,6.8vw,84px)));
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);
    border:1px solid var(--auth-line);
    border-radius:clamp(28px,3vw,46px);
    overflow:hidden;
    background:rgba(255,253,248,.94);
    box-shadow:0 32px 90px rgba(92,42,8,.15),0 2px 0 rgba(255,255,255,.95) inset;
}
.auth-v2 .auth-story{
    position:relative;
    isolation:isolate;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:clamp(40px,6vw,76px);
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 34%,rgba(255,211,79,.42),transparent 16rem),
        linear-gradient(145deg,#fffaf0 0%,#fff0ca 100%);
}
.auth-login-page .auth-story{padding-top:clamp(34px,5vw,62px)}
.auth-v2 .auth-orbit{position:relative;width:min(100%,29rem);height:10.3rem;margin:-.8rem auto -1rem;display:grid;place-items:center;pointer-events:none}
.auth-v2 .orbit-ring{position:absolute;border:1px solid rgba(138,67,15,.13);border-radius:50%;transform:rotate(-8deg)}
.auth-v2 .ring-a{width:24rem;height:7.7rem}.auth-v2 .ring-b{width:18rem;height:5.4rem;border-style:dashed;opacity:.65;transform:rotate(12deg)}
.auth-v2 .orbit-node{position:absolute;width:3.15rem;height:3.15rem;display:grid;place-items:center;border:1px solid rgba(129,58,8,.13);border-radius:1rem;background:rgba(255,255,255,.88);box-shadow:0 .75rem 1.8rem rgba(100,39,0,.1);animation:auth-float 5.2s ease-in-out infinite}
.auth-v2 .orbit-node svg{width:1.45rem;height:1.45rem;fill:none;stroke:#9b4006;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.auth-v2 .node-user{right:2.2rem;top:4.2rem}.auth-v2 .node-book{left:2.8rem;top:1.1rem;animation-delay:-1.8s}.auth-v2 .node-book svg{fill:none}.auth-v2 .node-check{left:47%;top:5.8rem;background:linear-gradient(145deg,#fff8dc,#ffcc45);animation-delay:-3.2s}.auth-v2 .node-check svg{stroke:#6f2902;stroke-width:2.2}
.auth-v2 .auth-story::before{
    content:"";
    position:absolute;
    z-index:-1;
    width:460px;height:460px;
    inset:auto -210px -220px auto;
    border:72px solid rgba(121,48,3,.055);
    border-radius:50%;
}
.auth-v2 .auth-story::after{
    content:"";
    position:absolute;
    z-index:-1;
    width:210px;height:210px;
    inset:25px auto auto -96px;
    border:1px solid rgba(121,48,3,.12);
    border-radius:50%;
}
.auth-v2 .auth-logo{
    width:clamp(230px,31vw,360px);
    height:clamp(145px,20vw,230px);
    margin:-30px auto 10px;
    object-fit:contain;
    transform:scale(1.42);
    filter:drop-shadow(0 15px 16px rgba(91,35,5,.18));
}
.auth-v2 .auth-kicker{
    width:max-content;
    max-width:100%;
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:0 0 14px;
    padding:7px 12px;
    border:1px solid rgba(126,62,13,.15);
    border-radius:999px;
    background:rgba(255,255,255,.58);
    color:#8b3a06;
    font-size:12px;
    font-weight:900;
}
.auth-v2 .auth-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--auth-orange);box-shadow:0 0 0 5px rgba(238,122,8,.11)}
.auth-v2 .auth-story h1{margin:0;color:#552202;font-size:clamp(31px,4vw,51px);font-weight:900;letter-spacing:-.055em;line-height:1.32}
.auth-v2 .auth-story>p:not(.auth-kicker){max-width:570px;margin:17px 0 0;color:#765944;font-size:clamp(14px,1.5vw,17px);line-height:2}
.auth-v2 .auth-account-note{display:flex;align-items:center;gap:10px;margin-top:24px;color:#69462f;font-size:13px;font-weight:800}
.auth-v2 .auth-account-note span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:12px;background:#fff;color:#a54507;box-shadow:0 7px 18px rgba(100,39,0,.09)}

.auth-v2 .auth-panel{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:clamp(32px,5.2vw,64px);
    background:rgba(255,255,255,.9);
}
.auth-v2 .auth-panel-head{margin-bottom:25px}
.auth-v2 .auth-panel-eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.7rem;color:#9c480e;font-size:.67rem;font-weight:900}.auth-v2 .auth-panel-eyebrow i{width:.44rem;height:.44rem;border-radius:50%;background:#ef7b0a;box-shadow:0 0 0 .26rem rgba(239,123,10,.1)}
.auth-v2 .auth-panel-head h2{margin:0 0 7px;color:#3f1b05;font-size:24px;font-weight:900;letter-spacing:-.035em}
.auth-v2 .auth-panel-head p{margin:0;color:var(--auth-muted);font-size:13px;line-height:1.85}
.auth-v2 .field{margin-bottom:17px}
.auth-v2 label{margin-bottom:7px;color:#56321d;font-size:13px;font-weight:900}
.auth-v2 .auth-input{position:relative}
.auth-v2 .auth-input>svg{position:absolute;width:19px;height:19px;right:15px;top:50%;transform:translateY(-50%);fill:none;stroke:#a2775a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.auth-v2 .auth-input input{min-height:55px;padding:12px 47px 12px 46px;border:1px solid rgba(114,69,39,.21);border-radius:17px;background:#fffdfa;color:#32180a;box-shadow:0 1px 0 rgba(255,255,255,.9) inset;transition:border-color .18s,box-shadow .18s,background .18s}
.auth-v2 .auth-input input:hover{border-color:rgba(174,80,15,.34)}
.auth-v2 .auth-input input:focus{border-color:#dd6908;background:#fff;box-shadow:0 0 0 4px rgba(226,105,8,.11)}
.auth-v2 .password-toggle{position:absolute;left:7px;top:50%;transform:translateY(-50%);width:38px;height:38px;min-height:0;padding:0;border:0;border-radius:12px;background:transparent!important;color:#8b674d;box-shadow:none!important}
.auth-v2 .password-toggle:hover{background:#fff2d8!important;color:#8f3704}
.auth-v2 .login-submit,.auth-v2 .auth-primary{
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    text-decoration:none;
    font-weight:900;
    min-height:55px;
    margin-top:3px;
    border-radius:17px;
    background:linear-gradient(135deg,#ffbd25,#e96c07 66%,#b74303);
    color:#fff;
    box-shadow:0 14px 28px rgba(195,73,3,.24);
    transition:transform .16s,box-shadow .18s,filter .18s;
}
.auth-v2 .login-submit:hover,.auth-v2 .auth-primary:hover{transform:translateY(-2px);box-shadow:0 19px 34px rgba(195,73,3,.29);filter:brightness(1.02)}
.auth-v2 .auth-links{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:19px;font-size:12px;font-weight:900}
.auth-v2 .auth-links a{text-decoration:none}.auth-v2 .auth-links a:hover{text-decoration:underline}
.auth-v2 .auth-divider{display:flex;align-items:center;gap:11px;margin:22px 0 15px;color:#a58a76;font-size:11px}.auth-v2 .auth-divider::before,.auth-v2 .auth-divider::after{content:"";height:1px;flex:1;background:rgba(105,60,29,.12)}
.auth-v2 .auth-app-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid rgba(120,67,29,.13);border-radius:17px;background:#fff9ed;color:#5f351b;text-decoration:none;transition:transform .16s,border-color .16s,background .16s}
.auth-v2 .auth-app-link:hover{transform:translateY(-2px);border-color:rgba(220,99,8,.28);background:#fff5e2}
.auth-v2 .auth-app-link span{display:flex;flex-direction:column;gap:2px}.auth-v2 .auth-app-link strong{font-size:12px}.auth-v2 .auth-app-link small{color:#987862;font-size:10px}.auth-v2 .auth-app-link b{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#fff;color:#ac4806;font-size:17px}
.auth-v2 .alert{border:1px solid transparent;border-radius:15px;font-size:13px}.auth-v2 .alert-error{border-color:#f0cbc7}.auth-v2 .alert-success{border-color:#c3e9d4}
.auth-v2 .auth-foot{margin:17px 0 0;text-align:center;color:#92745f;font-size:10px}

.auth-v2 .auth-shell.is-guide{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr)}
.auth-v2 .guide-steps{display:grid;gap:11px;margin:6px 0 22px;padding:0;list-style:none;counter-reset:guide}
.auth-v2 .guide-steps li{counter-increment:guide;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:11px;padding:11px;border:1px solid rgba(115,66,31,.12);border-radius:16px;background:#fffdfa;color:#6c4a33;font-size:12px;line-height:1.75}
.auth-v2 .guide-steps li::before{content:counter(guide);width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fff0cf;color:#9c3e04;font-size:14px;font-weight:900}
.auth-v2 .guide-actions{display:grid;gap:10px}.auth-v2 .guide-actions .button{min-height:53px;border-radius:17px}.auth-v2 .guide-actions .button.secondary{border:1px solid rgba(115,66,31,.15);background:#fff;color:#853706;box-shadow:none}
.auth-v2 .bale-badge{display:inline-flex;align-items:center;gap:7px;color:#087d64;font-weight:900}.auth-v2 .bale-badge i{width:9px;height:9px;border-radius:50%;background:#00b894;box-shadow:0 0 0 4px rgba(0,184,148,.1)}
.auth-v2 .bale-visual{position:relative;width:10rem;height:4.7rem;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 auto .1rem;color:#087d64}
.auth-v2 .bale-pulse{position:absolute;width:4.3rem;height:4.3rem;border:1px solid rgba(0,184,148,.25);border-radius:50%;animation:bale-pulse 2.4s ease-out infinite}
.auth-v2 .bale-symbol{position:relative;z-index:1;width:3.25rem;height:3.25rem;display:grid;place-items:center;border-radius:1.05rem;background:linear-gradient(145deg,#14caa4,#00a884);color:#fff;font-size:.72rem;font-weight:900;box-shadow:0 .8rem 1.8rem rgba(0,145,114,.2);transform:rotate(-4deg)}
.auth-v2 .bale-code{position:absolute;right:6.8rem;top:1.25rem;width:8.1rem;padding:.48rem .65rem;border:1px solid rgba(0,159,126,.15);border-radius:.75rem;background:rgba(255,255,255,.8);box-shadow:0 .5rem 1.5rem rgba(87,50,25,.08);font-size:.65rem;letter-spacing:.08em;white-space:nowrap}
.auth-v2 .bale-primary{display:grid;grid-template-columns:2.35rem 1fr 1.5rem;align-items:center;gap:.55rem;background:linear-gradient(135deg,#00bd98,#009f80 70%,#08735f);box-shadow:0 14px 28px rgba(0,147,116,.21)}
.auth-v2 .bale-primary:hover{box-shadow:0 19px 34px rgba(0,147,116,.26)}.auth-v2 .bale-primary b{font-size:1.1rem}.auth-v2 .bale-button-icon{width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:.72rem;background:rgba(255,255,255,.16);font-size:.58rem;font-weight:900}
.auth-v2 .recovery-steps{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:1.4rem 0 0;color:#7b685a;font-size:.57rem;font-weight:800;white-space:nowrap}.auth-v2 .recovery-steps span{display:flex;align-items:center;gap:.27rem}.auth-v2 .recovery-steps b{width:1.3rem;height:1.3rem;display:grid;place-items:center;border-radius:.42rem;background:#eefbf7;color:#008b6e;font-size:.58rem}.auth-v2 .recovery-steps i{width:1rem;height:1px;background:rgba(0,139,110,.2)}

@keyframes auth-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(3deg)}}
@keyframes bale-pulse{0%{transform:scale(.72);opacity:0}35%{opacity:1}100%{transform:scale(1.45);opacity:0}}

.auth-v2.register-native .auth-shell{display:block;max-width:920px;padding:0;background:#fff}
.auth-v2.register-native .native-register-head{padding:34px clamp(24px,5vw,58px) 27px;text-align:center;background:linear-gradient(145deg,#fffaf0,#fff1d3);border-bottom:1px solid var(--auth-line)}
.auth-v2.register-native .native-register-head .auth-logo{display:block;width:230px;height:130px;margin:-18px auto -4px}
.auth-v2.register-native .native-register-head h1{margin:0;color:#582201;font-size:30px;font-weight:900}
.auth-v2.register-native .native-register-head p{max-width:650px;margin:8px auto 0;color:#765944;line-height:1.9}
.auth-v2.register-native .native-register-body{padding:32px clamp(20px,5vw,58px) 42px}
.auth-v2.register-native .form-grid{gap:0 16px}.auth-v2.register-native .checkbox-field{display:flex;align-items:end}.auth-v2.register-native .checkbox-label{min-height:55px;width:100%;display:flex;align-items:center;gap:9px;margin:0;padding:10px 13px;border:1px solid rgba(114,69,39,.18);border-radius:17px;background:#fffdfa}

@media(max-width:820px){
    .auth-page.auth-v2{padding:12px}
    .auth-v2 .auth-shell,.auth-v2 .auth-shell.is-guide{min-height:0;grid-template-columns:1fr;border-radius:29px}
    .auth-v2 .auth-story{min-height:auto;padding:28px 24px 25px;text-align:center;align-items:center}
    .auth-v2 .auth-story::after{display:none}
    .auth-v2 .auth-logo{width:235px;height:138px;margin:-24px auto -4px;transform:scale(1.38)}
    .auth-v2 .auth-kicker{margin-bottom:10px}
    .auth-v2 .auth-story h1{font-size:29px}
    .auth-v2 .auth-story>p:not(.auth-kicker){max-width:480px;margin-top:10px;font-size:13px;line-height:1.85}
    .auth-v2 .auth-account-note{display:none}
    .auth-v2 .auth-orbit{height:6rem;margin:-.8rem auto -.3rem}.auth-v2 .ring-a{width:17rem;height:5rem}.auth-v2 .ring-b{width:12rem;height:3.5rem}.auth-v2 .orbit-node{width:2.45rem;height:2.45rem;border-radius:.8rem}.auth-v2 .orbit-node svg{width:1.1rem;height:1.1rem}.auth-v2 .node-user{right:3.1rem;top:2.1rem}.auth-v2 .node-book{left:3.6rem;top:.15rem}.auth-v2 .node-check{top:3.15rem}
    .auth-v2 .auth-panel{padding:27px 22px 30px}
}
@media(max-width:430px){
    .auth-page.auth-v2{padding:8px;background-size:26px 26px,26px 26px,auto,auto,auto}
    .auth-v2 .auth-shell,.auth-v2 .auth-shell.is-guide{border-radius:25px}
    .auth-v2 .auth-story{padding:22px 17px 20px}
    .auth-v2 .auth-logo{width:210px;height:124px}
    .auth-v2 .auth-story h1{font-size:25px}
    .auth-v2 .auth-panel{padding:24px 17px 27px}
    .auth-v2 .auth-panel-head h2{font-size:21px}
    .auth-v2 .auth-links{align-items:flex-start;flex-direction:column;gap:9px}
    .auth-v2 .auth-orbit{height:4.8rem}.auth-v2 .ring-a{width:14rem;height:4rem}.auth-v2 .ring-b{width:10rem;height:2.8rem}.auth-v2 .node-user{right:1.5rem;top:1.4rem}.auth-v2 .node-book{left:1.8rem;top:0}.auth-v2 .node-check{top:2.5rem}
    .auth-v2 .bale-code{display:none}.auth-v2 .recovery-steps{gap:.25rem;font-size:.5rem}.auth-v2 .recovery-steps i{width:.4rem}
    .auth-v2.register-native .native-register-head{padding-inline:18px}.auth-v2.register-native .native-register-body{padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){.auth-v2 *{scroll-behavior:auto!important}.auth-v2 .login-submit,.auth-v2 .auth-primary,.auth-v2 .auth-app-link{transition:none}.auth-v2 .orbit-node,.auth-v2 .bale-pulse{animation:none}}