@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
@import "https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css";
.auth-topbar *,.auth-topbar :before,.auth-topbar :after,.auth-wrapper *,.auth-wrapper :before,.auth-wrapper :after{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fa;min-height:100vh;font-family:Inter,sans-serif}.auth-topbar{z-index:100;background:#fff;border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0000000d}.auth-topbar .home-link img{width:auto;height:38px}.auth-topbar .back-link{color:#555;border:1.5px solid #e0e0e0;border-radius:24px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.auth-topbar .back-link:hover{color:#00c851;border-color:#00c851}.auth-wrapper{background:#fff;border-radius:24px;width:820px;max-width:calc(100vw - 32px);min-height:640px;margin:100px auto 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000021}.auth-form-box{background:#fff;justify-content:center;align-items:center;width:50%;padding:48px 40px;transition:transform .6s ease-in-out;display:flex}.auth-form-box form{flex-direction:column;gap:16px;width:100%;display:flex}.auth-form-box h1{color:#111;letter-spacing:-.5px;margin-bottom:4px;font-size:26px;font-weight:800}.auth-form-box span{color:#888;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.input-group{position:relative}.input-group input{color:#222;background:#fafafa;border:1.5px solid #e0e0e0;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;transition:all .2s}.input-group input:focus{background:#fff;border-color:#00c851;box-shadow:0 0 0 3px #00c8511a}.input-group input::placeholder{color:#bbb}.auth-form-box button[type=submit],.auth-form-box .submit-btn{color:#fff;cursor:pointer;background:#00c851;border:none;border-radius:32px;padding:13px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #00c8514d}.auth-form-box button[type=submit]:hover{background:#00a844;transform:translateY(-1px);box-shadow:0 8px 24px #00c85166}.forgot-link{color:#00c851;cursor:pointer;text-align:right;margin-top:-8px;font-size:12px;font-weight:600;text-decoration:none;display:block}.forgot-link:hover{text-decoration:underline}.mobile-switch{flex-direction:column;align-items:center;gap:8px;margin-top:8px;display:none}.mobile-switch p{color:#888;font-size:13px}.mobile-switch button{color:#00c851;cursor:pointer;background:0 0;border:none;padding:0;font-family:Inter,sans-serif;font-size:13px;font-weight:700}.slide-panel-wrapper{z-index:10;border-radius:0 24px 24px 0;width:50%;height:100%;transition:transform .6s ease-in-out;position:absolute;top:0;left:50%;overflow:hidden}.slide-panel{background:linear-gradient(135deg,#004d3a 0%,#00c851 100%);width:200%;height:100%;display:flex}.panel-content{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:48px 40px;display:flex}.panel-content h1{letter-spacing:-.5px;color:#fff;margin-bottom:16px;font-size:28px;font-weight:800}.panel-content p{opacity:.85;margin-bottom:32px;font-size:14px;line-height:1.7}.transparent-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:32px;padding:12px 40px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;transition:all .2s}.transparent-btn:hover{color:#00c851;background:#fff}.auth-wrapper.panel-active .slide-panel-wrapper{border-radius:24px 0 0 24px;transform:translate(-100%)}.auth-wrapper.panel-active .slide-panel{transform:translate(-50%)}.auth-wrapper.panel-active .login-form-box{opacity:0;pointer-events:none;transform:translate(0)}.auth-wrapper.panel-active .register-form-box{opacity:1;pointer-events:auto;transform:translate(0)}.login-form-box{opacity:1;transition:opacity .3s}.register-form-box{opacity:0;pointer-events:none;transition:opacity .3s}#forgot-overlay,#otp-overlay{text-align:center;z-index:20;background:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:48px 40px;display:none;position:absolute;inset:0}#forgot-overlay.active,#otp-overlay.active{display:flex}#forgot-overlay h1,#otp-overlay h1{color:#111;margin-bottom:10px;font-size:24px;font-weight:800}#forgot-overlay p,#otp-overlay p{color:#777;margin-bottom:24px;font-size:13px}#forgot-overlay button[type=submit],#otp-overlay button[type=submit]{color:#fff;cursor:pointer;background:#00c851;border:none;border-radius:32px;width:100%;margin-top:12px;padding:13px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #00c8514d}#forgot-overlay button[type=submit]:hover,#otp-overlay button[type=submit]:hover{background:#00a844}#otp-token{letter-spacing:8px;text-align:center;border:1.5px solid #e0e0e0;border-radius:10px;outline:none;width:100%;padding:14px;font-family:Inter,sans-serif;font-size:22px;font-weight:800}#otp-token:focus{border-color:#00c851;box-shadow:0 0 0 3px #00c8511a}.message-box{color:#fff;z-index:999;white-space:nowrap;background:#111;border-radius:32px;padding:12px 28px;font-size:13px;font-weight:600;transition:transform .3s;position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(80px);box-shadow:0 8px 24px #0003}.message-box.show{transform:translate(-50%)translateY(0)}.message-box.success{background:#00c851}.message-box.error{background:#ef4444}.login-footer{color:#fff;background:#111;padding:60px 0 0}.login-footer__inner{max-width:1280px;margin:0 auto;padding:0 24px}.login-footer__grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.login-footer__brand img.login-footer__logo{filter:brightness(0)invert();width:auto;height:40px;margin-bottom:16px}.login-footer__brand p{color:#aaa;margin-bottom:20px;font-size:13px;line-height:1.7}.login-footer__socials{gap:10px;display:flex}.login-footer__socials a{color:#aaa;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.login-footer__socials a:hover{color:#fff;background:#00c851}.login-footer__col h4{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:13px;font-weight:700}.login-footer__col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.login-footer__col ul li a{color:#aaa;font-size:13px;text-decoration:none;transition:color .2s}.login-footer__col ul li a:hover{color:#00c851}.login-footer__contact-item{color:#aaa;align-items:center;gap:8px;font-size:13px;display:flex}.login-footer__contact-item svg{color:#00c851;flex-shrink:0}.login-footer__auth{border-top:1px solid #ffffff14;margin-top:20px;padding-top:16px}.login-footer__auth-user{align-items:center;gap:10px;margin-bottom:10px;display:flex}.login-footer__avatar{color:#fff;background:#00c851;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex}.login-footer__auth-user p,.login-footer__auth-user small{color:#fff;font-size:12px}.login-footer__logout{color:#ef4444;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;font-family:Inter,sans-serif;font-size:11px;font-weight:700}.login-footer__logout:hover{color:#dc2626}.login-footer__bottom{color:#666;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;font-size:12px;display:flex}.login-footer__bottom div{gap:24px;display:flex}.login-footer__bottom a{color:#666;text-decoration:none;transition:color .2s}.login-footer__bottom a:hover{color:#00c851}@media (max-width:768px){.auth-wrapper{flex-direction:column;width:calc(100vw - 32px);min-height:auto;margin-top:80px}.auth-form-box{width:100%;padding:40px 24px}.slide-panel-wrapper{display:none}.mobile-switch{display:flex}.login-form-box{opacity:1;pointer-events:auto;order:1}.register-form-box{opacity:1;pointer-events:auto;order:2;display:none}.auth-wrapper.panel-active .login-form-box{opacity:0;display:none}.auth-wrapper.panel-active .register-form-box{opacity:1;pointer-events:auto;display:flex}.auth-wrapper.panel-active .login-form-box,.auth-wrapper.panel-active .register-form-box{transform:none}.login-footer__grid{grid-template-columns:1fr 1fr}.login-footer__brand{grid-column:1/-1}.login-footer__bottom{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.login-footer__grid{grid-template-columns:1fr}}