.auth-page-root{justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .3s;display:flex}.auth-page-root[data-theme=light]{background:#f8fafc}.auth-page-root[data-theme=dark]{background:#101214}.auth-wrapper{border:1px solid var(--auth-border);background-color:var(--auth-bg);border-radius:20px;width:1000px;max-width:100%;min-height:600px;position:relative;overflow:hidden;box-shadow:0 25px 50px #0006}.auth-page-root[data-theme=light] .auth-wrapper{--auth-bg:#fff;--auth-border:transparent;--auth-text:#1e293b;--auth-text-muted:#64748b;--auth-input-bg:#f3f4f6;--auth-input-border:transparent;--auth-input-focus:#0ea5e9;--auth-btn:linear-gradient(135deg,#0ea5e9 0%,#2563eb 100%);--auth-btn-hover:linear-gradient(135deg,#0284c7 0%,#1d4ed8 100%);--auth-panel-bg:linear-gradient(135deg,#0ea5e9 0%,#2563eb 100%)}.auth-page-root[data-theme=dark] .auth-wrapper{--auth-bg:#161a1d;--auth-border:#2c333a;--auth-text:#dee4ea;--auth-text-muted:#596773;--auth-input-bg:#101214;--auth-input-border:#2c333a;--auth-input-focus:#596773;--auth-btn:#2c333a;--auth-btn-hover:#3a4149;--auth-panel-bg:linear-gradient(135deg,#0ea5e9 0%,#2563eb 100%)}.auth-form-box{background-color:var(--auth-bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 50px;transition:all .6s ease-in-out;display:flex;position:absolute;top:0}.login-form-box{z-index:2;width:50%;left:0}.auth-wrapper.panel-active .login-form-box{transform:translate(100%)}.register-form-box{opacity:0;z-index:1;width:50%;left:0}.auth-wrapper.panel-active .register-form-box{opacity:1;z-index:5;animation:.6s auth-show;transform:translate(100%)}@keyframes auth-show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.slide-panel-wrapper{z-index:100;width:50%;height:100%;transition:transform .6s ease-in-out;position:absolute;top:0;left:50%;overflow:hidden}.auth-wrapper.panel-active .slide-panel-wrapper{transform:translate(-100%)}.slide-panel{background:var(--auth-panel-bg);color:#fff;width:200%;height:100%;transition:transform .6s ease-in-out;position:relative;left:-100%;transform:translate(0)}.auth-wrapper.panel-active .slide-panel{transform:translate(50%)}.panel-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:0 50px;transition:transform .6s ease-in-out;display:flex;position:absolute;top:0;transform:translate(0)}.panel-content h2{letter-spacing:-.5px;margin-bottom:12px;font-size:28px;font-weight:800}.panel-content p{opacity:.9;margin-bottom:30px;font-size:15px;font-weight:300;line-height:1.6}.panel-content-left{transform:translate(-20%)}.auth-wrapper.panel-active .panel-content-left{transform:translate(0)}.panel-content-right{right:0;transform:translate(0)}.auth-wrapper.panel-active .panel-content-right{transform:translate(20%)}.auth-form-box h1{color:var(--auth-text);margin:0 0 8px;font-size:28px;font-weight:800}.auth-form-box .auth-subtitle{color:var(--auth-text-muted);margin-bottom:20px;font-size:13px;display:block}.auth-form-box form{flex-direction:column;align-items:center;width:100%;display:flex}.auth-input-group{text-align:left;width:100%;margin-bottom:12px;position:relative}.auth-input-group label{color:var(--auth-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.auth-input{background-color:var(--auth-input-bg);border:2px solid var(--auth-input-border);width:100%;color:var(--auth-text);box-sizing:border-box;border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .3s}.auth-input:focus{border-color:var(--auth-input-focus);background-color:var(--auth-bg)}.auth-page-root[data-theme=light] .auth-input:focus{box-shadow:0 0 0 3px #0ea5e91a}.auth-input:disabled{opacity:.6;cursor:not-allowed}.auth-submit-btn{background:var(--auth-btn);color:#fff;letter-spacing:.5px;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:12px;padding:14px 40px;font-size:14px;font-weight:600;transition:all .3s}.auth-submit-btn:hover:not(:disabled){background:var(--auth-btn-hover);transform:translateY(-2px);box-shadow:0 8px 20px #0003}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-transparent-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:25px;padding:12px 40px;font-size:14px;font-weight:600;transition:all .3s}.auth-transparent-btn:hover{background:#ffffff1a}.auth-theme-btn{cursor:pointer;z-index:1000;border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.auth-page-root[data-theme=dark] .auth-theme-btn{color:#dee4ea;background:#161a1d;border-color:#2c333a}.auth-page-root[data-theme=light] .auth-theme-btn{color:#1e293b;background:#fff;border-color:#cbd5e1;box-shadow:0 4px 6px #0000000d}.auth-theme-btn:hover{transform:scale(1.1)}.auth-error{color:#f87171;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.auth-forgot{color:var(--auth-text-muted);align-self:flex-end;margin-top:4px;margin-bottom:12px;font-size:12px}.auth-logo-text{letter-spacing:-1px;color:#fff;text-shadow:0 4px 24px #0000004d;margin-bottom:16px;font-size:36px;font-weight:900;line-height:1}.auth-logo-text span{opacity:.65;font-weight:300}.mobile-switch{display:none}@media (max-width:800px){.auth-wrapper{border-radius:16px;width:100%;min-height:auto}.auth-form-box{padding:40px 24px;opacity:1!important;width:100%!important;position:static!important;transform:none!important}.login-form-box,.register-form-box{opacity:1!important;z-index:1!important;width:100%!important;position:static!important;left:0!important;transform:none!important}.register-form-box,.auth-wrapper.panel-active .login-form-box{display:none!important}.auth-wrapper.panel-active .register-form-box{display:flex!important}.slide-panel-wrapper{display:none!important}.mobile-switch{color:var(--auth-text-muted);text-align:center;margin-top:24px;font-size:14px;display:block}.mobile-switch button{cursor:pointer;border-radius:10px;width:100%;margin-top:10px;padding:10px 30px;font-size:14px;font-weight:600;color:var(--auth-text)!important;border:1px solid var(--auth-border)!important;background:0 0!important}.auth-page-root[data-theme=light] .mobile-switch button{border-color:#cbd5e1!important}.auth-theme-btn{top:16px;right:16px}}