:root{--primary-color:#ff7a04;--secondary-color:#f0eae0;--accent-color:#00ba9a;--white-color:#ffffff;--text-color:#000000;--default-font:'Montserrat',sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--default-font);background:var(--white-color);min-height:100vh;overflow-x:hidden}.login-wrapper{min-height:100vh;display:flex;position:relative}.mobile-toggle{display:none;position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:100;background:var(--white-color);border-radius:50px;padding:3px;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.mobile-toggle button{padding:7px 18px;border:none;background:transparent;color:var(--text-color);font-weight:600;font-size:12px;border-radius:50px;cursor:pointer;transition:all 0.3s ease}.mobile-toggle button.active{background:var(--primary-color);color:var(--white-color)}.login-left{flex:1;position:relative;height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--white-color);z-index:2;overflow-y:auto}.login-right{flex:0 0 42%;position:relative;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.login-left::-webkit-scrollbar{width:6px}.login-left::-webkit-scrollbar-track{background:#f1f1f1}.login-left::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.login-form-container{width:100%;max-width:400px}.back-to-home{position:fixed;top:20px;left:20px;z-index:100}.back-to-home a{display:inline-flex;align-items:center;gap:8px;padding:8px 0;background:transparent;color:#666;text-decoration:none;font-weight:600;font-size:14px;transition:all 0.3s ease;border:none;box-shadow:none}.back-to-home a:hover{color:var(--primary-color);transform:translateX(-3px);background:transparent}.back-to-home i{font-size:14px}.back-text{display:inline}.login-header{margin-bottom:30px;text-align:center}.login-header h1{font-size:30px;font-weight:800;color:var(--text-color);margin-bottom:6px;letter-spacing:-1px}.login-header p{color:#666;font-size:14px;margin:0}.form-group{margin-bottom:16px}.form-label{font-weight:600;font-size:13px;color:var(--text-color);margin-bottom:6px;display:block}.input-wrapper{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#999;font-size:15px}.form-control{width:100%;padding:11px 14px 11px 40px;border:2px solid #e8e8e8;border-radius:8px;font-size:13px;transition:all 0.3s ease;background:#fafafa;font-family:var(--default-font)}.form-control:focus{outline:none;border-color:var(--primary-color);background:var(--white-color);box-shadow:0 0 0 3px rgba(255,122,4,0.1)}.form-control::placeholder{color:#aaa}.password-wrapper{position:relative}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;padding:6px;font-size:15px;transition:color 0.3s ease}.password-toggle:hover{color:var(--primary-color)}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.form-check{display:flex;align-items:center;gap:6px}.form-check-input{width:16px;height:16px;border:2px solid #ddd;border-radius:4px;cursor:pointer}.form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.form-check-label{font-size:13px;color:#666;cursor:pointer;margin:0}.forgot-password{color:var(--primary-color);text-decoration:none;font-size:13px;font-weight:600;transition:all 0.2s ease}.forgot-password:hover{color:#e06a00;text-decoration:underline}.btn-login,.btn-signup{width:100%;padding:12px;background:linear-gradient(135deg,var(--primary-color) 0%,#e06a00 100%);border:none;color:var(--white-color);font-weight:700;font-size:14px;border-radius:8px;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 12px rgba(255,122,4,0.3)}.btn-login:hover,.btn-signup:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(255,122,4,0.4)}.btn-login:active,.btn-signup:active{transform:translateY(0)}.divider{text-align:center;margin:18px 0;position:relative;font-size:12px;color:#999;font-weight:500}.divider::before,.divider::after{content:'';position:absolute;top:50%;width:42%;height:1px;background:#e0e0e0}.divider::before{left:0}.divider::after{right:0}.btn-google{width:100%;padding:11px;background:var(--white-color);border:2px solid #e8e8e8;border-radius:8px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:14px;color:var(--text-color);margin-bottom:16px}.btn-google:hover{border-color:var(--primary-color);background:#fff9f5;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08)}.btn-google svg{width:18px;height:18px}.signup-link,.signin-link{text-align:center;margin-top:16px;font-size:13px;color:#666}.signup-link a,.signin-link a{color:var(--primary-color);text-decoration:none;font-weight:700;transition:all 0.2s ease;cursor:pointer}.signup-link a:hover,.signin-link a:hover{color:#e06a00;text-decoration:underline}.login-right{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.semicircle-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffe8d6 0%,#ffd4b3 100%);clip-path:ellipse(90% 100% at 100% 50%);animation:subtlePulse 8s ease-in-out infinite}@keyframes subtlePulse{0%,100%{opacity:1}50%{opacity:0.95}}.login-right.signup-mode{order:-1}.login-right.signup-mode .semicircle-bg{clip-path:ellipse(90% 100% at 0% 50%)}.image-container{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.circle-bg{width:450px;height:450px;background:rgba(255,255,255,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);animation:floatAnimation 6s ease-in-out infinite;box-shadow:0 20px 60px rgba(0,0,0,0.1)}@keyframes floatAnimation{0%,100%{transform:translateY(0px)}50%{transform:translateY(-15px)}}.login-illustration{width:100%;max-width:400px;height:auto;object-fit:contain;animation:gentleFloat 5s ease-in-out infinite}@keyframes gentleFloat{0%,100%{transform:translateY(0px) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}.form-container{display:none}.form-container.active{display:block}.custom-toast{position:fixed;top:20px;right:20px;background:var(--white-color);border-radius:10px;padding:14px 18px;box-shadow:0 8px 24px rgba(0,0,0,0.15);display:flex;align-items:center;gap:10px;min-width:280px;z-index:2147483647 !important;animation:slideIn 0.3s ease}.custom-toast.success{border-left:4px solid #27ae60}.custom-toast.error{border-left:4px solid #e74c3c}@keyframes slideIn{from{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:992px){body{height:auto;overflow-y:auto}.login-wrapper{min-height:100vh;height:auto}.login-right{display:none !important}.mobile-toggle{display:flex}.login-left{flex:1;max-width:100%;padding-top:150px;padding-bottom:40px;min-height:100vh}.back-text{display:none}.back-to-home a{padding:10px;width:40px;height:40px;justify-content:center}}@media (max-width:576px){.login-left{padding:60px 15px 25px}.login-header{margin-bottom:25px}.login-header h1{font-size:24px}.login-header p{font-size:13px}.form-group{margin-bottom:14px}.form-footer{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px}}.auth-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{background:white;padding:40px;border-radius:15px;max-width:450px;width:90%;position:relative;box-shadow:0 10px 40px rgba(0,0,0,0.15);animation:slideUp 0.3s ease}@keyframes slideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.forgot-password-modal{max-width:420px}.forgot-form-container h2{color:var(--primary-color);font-size:24px;margin-bottom:10px;text-align:center}.success-container{text-align:center}.success-container i{font-size:48px;color:#27ae60;margin-bottom:15px;display:block}.success-container h3{color:#27ae60;font-size:20px;margin-bottom:10px}.modal-content .close-btn{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:30px;color:#999;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:color 0.2s}.modal-content .close-btn:hover{color:#333}.forgot-form-container form .form-group{margin-bottom:20px}.btn-submit{background:var(--primary-color);color:white;border:none;padding:12px 30px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;min-width:100%}.btn-submit:hover:not(:disabled){background:#ff8f1f;transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,122,4,0.3)}.btn-submit:disabled{opacity:0.6;cursor:not-allowed}@media (max-width:576px){.modal-content{padding:30px 20px;max-width:95%}.forgot-password-modal{padding:30px 20px}.forgot-form-container h2{font-size:20px}.modal-content .close-btn{top:10px;right:10px}}