/* Shared official Sier authentication palette. */
body.auth-clean{--blue:#3068c8;--blue-2:#2458ae;--gold:#3068c8;--bg:#f5f7fb;--bg-0:#f5f7fb;--bg-1:#f5f7fb;--bg-2:#fff;--card:#fff;--card-2:#f8fafc;--line:#e0e7ef;--line-2:#e8edf3;--text:#20334c;--muted:#6d7e92;--muted-2:#7b8b9e;background:#f5f7fb;color:var(--text)}
.auth-clean .bg-glow{display:none}.auth-clean .topbar{background:#fff;border-bottom:1px solid var(--line);backdrop-filter:none;position:relative}.auth-clean .topbar-inner{max-width:1200px;min-height:80px;padding:10px 28px}.auth-clean .topbar img,.auth-clean .form-head img{filter:none;object-fit:contain}.auth-clean .topbar img{width:138px;height:50px}.auth-clean .topbar-link,.auth-clean .forgot,.auth-clean .foot a,.auth-clean .switch-link a{color:#3068c8}.auth-clean .shell{max-width:1200px;min-height:calc(100dvh - 155px);margin:0 auto;padding:50px 28px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.auth-clean .hero-side{background:none;border:none;box-shadow:none}.auth-clean .hero-pad{padding:0}.auth-clean .info-panel{gap:28px}.auth-clean .info-title,.auth-clean .hero-side h1{color:#20334c;font-size:clamp(32px,3.5vw,46px);font-weight:600;letter-spacing:-1.7px;line-height:1.15;margin:18px 0}.auth-clean .info-title em,.auth-clean .hl{color:#3068c8;font-style:normal;background:none;-webkit-text-fill-color:#3068c8}.auth-clean .info-lead,.auth-clean .lead{color:#6d7e92;font-size:14px;line-height:1.9;max-width:470px;margin-bottom:26px}.auth-clean .info-badge,.auth-clean .badge{font-size:10px;font-weight:650;letter-spacing:1.3px;color:#5f8982;background:none;padding:0}.auth-clean .info-badge-dot,.auth-clean .dot{background:#6eaa95;box-shadow:none;width:6px;height:6px}.auth-clean .feature-grid{gap:12px;margin-top:27px}.auth-clean .feat,.auth-clean .f-item{background:#ffffffb5;border:1px solid #e1e8ef;border-radius:11px;padding:18px 16px}.auth-clean .feat-name,.auth-clean .f-item b{font-size:12px;font-weight:600;color:#38566f;margin-bottom:7px}.auth-clean .feat-desc,.auth-clean .f-item span{font-size:11px;color:#7a8b9f;line-height:1.65}.auth-clean .auth-note{display:flex;flex-wrap:wrap;gap:15px;margin-top:6px;font-size:9px;color:#8292a4}.auth-clean .form-card,.auth-clean .form-side{background:white;border:1px solid #e0e7ef;border-radius:18px;box-shadow:0 14px 45px #1c344b07;backdrop-filter:none}.auth-clean .form-card{padding:32px}.auth-clean .form-wrap{padding:32px}.auth-clean .form-title,.auth-clean .form-head h2{font-size:25px;color:#20334c;font-weight:600;letter-spacing:-.7px}.auth-clean .form-head{text-align:left;margin-bottom:25px}.auth-clean .form-head img{display:none}.auth-clean .form-head p,.auth-clean .form-sub{font-size:12px;color:#7a8b9f;line-height:1.6}.auth-step{font-size:9px;letter-spacing:1.5px;color:#7c93a9;display:block;margin-bottom:9px;font-weight:650}.auth-clean .tab-switcher,.auth-clean .tipo-toggle,.auth-clean .toggle{background:#f5f7fa;border-color:#e3eaf2;padding:5px;border-radius:10px}.auth-clean .tab-btn,.auth-clean .tipo-btn{color:#74879b;font-size:12px}.auth-clean .tab-btn:hover,.auth-clean .tipo-btn:hover{background:#eaf0f8;color:#3068c8}.auth-clean .tab-btn.active{background:#3068c8;color:white;box-shadow:0 3px 8px #3068c812}.auth-clean .tipo-btn.active,.auth-clean .toggle input:checked+span{background:#eaf1fc;border-color:#8babdb;color:#3068c8}.auth-clean .toggle span{height:auto;min-height:48px;padding:12px 9px;gap:9px;border-radius:8px;font-size:12px;color:#6c8096;display:flex;align-items:center;justify-content:center}.auth-clean .toggle span svg,.auth-clean .tipo-btn svg{width:22px;height:22px;flex:0 0 22px}.auth-clean .field{margin-bottom:16px}.auth-clean .field label{color:#536981;font-size:11px;font-weight:550}.auth-clean .control,.auth-clean .input-wrap{background:#f8fafc;border:1px solid #dfe7f0;border-radius:9px}.auth-clean .control input,.auth-clean .input-wrap input{background:transparent;color:#20334c;font-size:13px;min-height:44px}.auth-clean .input-wrap input{border-color:transparent}.auth-clean .control:focus-within,.auth-clean .input-wrap:focus-within{border-color:#78a1d8;box-shadow:0 0 0 3px #3068c810}.auth-clean .control svg,.auth-clean .input-icon,.auth-clean .eye-btn{color:#7f94ab}.auth-clean input::placeholder{color:#9aabbd}.auth-clean input:-webkit-autofill{-webkit-text-fill-color:#20334c;-webkit-box-shadow:0 0 0 1000px #edf3fc inset}.auth-clean .submit,.auth-clean .submit-btn,.auth-clean .btn-primary{background:#3068c8;color:white;border-radius:9px;box-shadow:0 5px 12px #3068c812;font-size:13px;font-weight:600;padding:13px 16px}.auth-clean .btn-ghost{background:white;color:#74879b;border-color:#e2e9f1}.auth-clean .btn-ghost:hover{color:#3068c8}.auth-clean .switch-link,.auth-clean .foot,.auth-clean .check-label,.auth-clean .forgot{font-size:11px}.auth-clean .mini,.auth-clean .page-footer{color:#8a9aae;font-size:10px}.auth-clean .page-footer a,.auth-clean .mini a{color:#73899f;text-decoration:none}.auth-clean .alert{background:#fff3f3;border-color:#f0caca;color:#b44b4b;font-size:12px}.auth-clean .alert-success{background:#eff8f2;border-color:#cce5d5;color:#357254}.auth-clean button:focus-visible,.auth-clean a:focus-visible{outline:3px solid #8cb2e0;outline-offset:3px}.auth-clean .toggle input{display:block;position:absolute;width:1px;height:1px;opacity:0}.auth-clean .toggle label:focus-within{outline:3px solid #8cb2e0;border-radius:9px}@media(max-width:1000px){.auth-clean .shell{gap:30px;padding:32px 22px}.auth-clean .info-title,.auth-clean .hero-side h1{font-size:35px}}@media(max-width:760px){.auth-clean .shell{grid-template-columns:1fr;min-height:0;max-width:560px;padding:25px 18px;gap:28px}.auth-clean .form-card,.auth-clean .form-side{order:1}.auth-clean .info-panel,.auth-clean .hero-side{order:2}.auth-clean .topbar-inner{min-height:68px;padding:8px 18px}.auth-clean .topbar img{width:112px}.auth-clean .topbar-link{font-size:11px}.auth-clean .form-card,.auth-clean .form-wrap{padding:25px}.auth-clean .info-panel{display:block}.auth-clean .info-title,.auth-clean .hero-side h1{font-size:31px}.auth-clean .feature-grid{grid-template-columns:1fr 1fr}.auth-clean .top-actions .btn{font-size:11px;padding:9px 12px}.auth-clean .form-title,.auth-clean .form-head h2{font-size:23px}}@media(max-width:380px){.auth-clean .form-card,.auth-clean .form-wrap{padding:19px}.auth-clean .toggle span{font-size:10px}.auth-clean .top-actions .btn-ghost{display:none}}
.auth-clean .topbar img{width:180px;height:42px;object-fit:contain}
@media(max-width:760px){.auth-clean .topbar img{width:150px;height:36px}}
@media(max-width:760px){.auth-clean .top-actions .btn-ghost{display:none}}
