.auth-shell{color:#e8eaed;background:#0f1115;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.auth-container{background:#171a21;border:1px solid #2a2f3a;border-radius:30px;width:850px;height:550px;position:relative;overflow:hidden;box-shadow:0 30px 60px -15px #0000008c}.auth-container .form-box{color:#e8eaed;text-align:center;z-index:1;background:#171a21;align-items:center;width:50%;height:100%;padding:40px;display:flex;position:absolute;right:0}.auth-container .form-box form{width:100%}.auth-container .brand{flex-direction:column;align-items:center;gap:12px;margin-bottom:28px;display:flex}.auth-container .brand-icon{color:#fff;background:#e8703a;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.auth-container h1{letter-spacing:-.02em;color:#fff;margin:0;font-size:32px;font-weight:700}.auth-container .input-box{margin:18px 0;position:relative}.auth-container .input-box input{color:#e8eaed;background:#1e222b;border:1px solid #2a2f3a;border-radius:10px;outline:none;width:100%;padding:14px 48px 14px 18px;font-family:inherit;font-size:15px;font-weight:500;transition:border-color .2s,background .2s}.auth-container .input-box input::placeholder{color:#5b6373;font-weight:400}.auth-container .input-box input:focus{background:#171a21;border-color:#e8703a}.auth-container .input-box .input-icon{color:#5b6373;width:18px;height:18px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.auth-container .forgot-link{text-align:right;margin:-8px 0 12px}.auth-container .forgot-link button{color:#9aa3b2;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px}.auth-container .forgot-link button:hover{color:#e8703a}.auth-container .btn-primary{color:#fff;cursor:pointer;background:#e8703a;border:none;border-radius:10px;width:100%;height:48px;margin-top:4px;font-family:inherit;font-size:15px;font-weight:600;transition:filter .15s,transform .15s}.auth-container .btn-primary:hover:not(:disabled){filter:brightness(1.1)}.auth-container .btn-primary:active:not(:disabled){transform:scale(.99)}.auth-container .btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-container .auth-msg{text-align:left;border-radius:8px;margin:6px 0 10px;padding:8px 10px;font-size:13px}.auth-container .auth-msg-error{color:#ffb1b1;background:#e5546b1f;border:1px solid #e5546b59}.auth-container .auth-msg-info{color:#b8dcff;background:#3b7bff1f;border:1px solid #3b7bff59}.auth-container .toggle-box{pointer-events:none;width:100%;height:100%;position:absolute}.auth-container .toggle-box:before{content:"";z-index:2;background:linear-gradient(135deg,#0f1115 0%,#1a1f2c 55%,#e8703a 130%);border-radius:150px;width:300%;height:100%;position:absolute;left:-250%}.auth-container .toggle-panel{color:#fff;z-index:3;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:40px;display:flex;position:absolute}.auth-container .toggle-panel.toggle-left{left:0}.auth-container .toggle-panel h1{color:#fff;margin-bottom:8px;font-size:28px}.auth-container .toggle-panel .tagline{color:#ffffffb3;max-width:280px;margin-bottom:18px;font-size:13px;font-weight:500}.auth-container .toggle-panel p{color:#ffffffe0;max-width:280px;margin-bottom:22px;font-size:14px;line-height:1.5}@media (width<=850px){.auth-container{width:100%;max-width:480px;height:620px}.auth-container .form-box{width:100%;height:65%;bottom:0;right:0}.auth-container .toggle-box:before{border-radius:20vw;width:100%;height:300%;top:-270%;left:0}.auth-container .toggle-panel{width:100%;height:35%;padding:24px 16px}.auth-container .toggle-panel.toggle-left{top:0;left:0}}
