*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;margin:0;padding:0;font-family:Inter,Montserrat,Poppins,sans-serif;overflow:hidden}body.auth-page{background-color:#fff;width:100vw;height:100vh;display:flex}.auth-left-panel{color:#fff;background:linear-gradient(135deg,#7d4f2a 0%,#54341b 100%);flex-direction:column;justify-content:space-between;width:45%;height:100vh;padding:48px;display:flex;position:relative;overflow:hidden}.auth-right-panel{box-sizing:border-box;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:55%;height:100vh;padding:48px;display:flex;overflow-y:auto}@keyframes float1{0%{transform:translateY(0)rotate(2deg)}50%{transform:translateY(-12px)rotate(4deg)}to{transform:translateY(0)rotate(2deg)}}@keyframes float2{0%{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(10px)rotate(-1deg)}to{transform:translateY(0)rotate(-3deg)}}@keyframes float3{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(-2deg)}to{transform:translateY(0)rotate(0)}}.illustration-area{width:100%;height:320px;position:relative}.deco-shape{opacity:.6;border-radius:50%;position:absolute}.shape-yellow{background:#e5a323;width:14px;height:14px;top:15%;left:45%}.shape-red{background:#ef4444;border-radius:40% 60% 70% 30%/40% 50% 60%;width:18px;height:18px;top:55%;left:8%}.shape-green{background:#10b981;width:16px;height:16px;top:35%;right:8%}.shape-orange{background:#f97316;width:15px;height:15px;bottom:10%;left:35%}.float-card{color:#1e293b;background:#fff;border-radius:18px;padding:16px;box-shadow:0 15px 30px #00000026}.float-card-1{background:#f9f4ee;border:1px solid #7d4f2a1a;width:210px;animation:6s ease-in-out infinite float1;position:absolute;top:15%;left:10%}.float-card-1 h4{color:#7d4f2a;margin:0 0 6px;font-size:.95rem;font-weight:700}.float-card-1 p{color:#8c6a5c;margin:0;font-size:.75rem}.float-card-1 .tag{color:#fff;background:#e5a323;border-radius:8px;margin-bottom:8px;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-block}.float-card-2{background:#fff;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;animation:5s ease-in-out infinite float2;display:flex;position:absolute;top:25%;right:15%}.float-card-3{width:190px;animation:7s ease-in-out infinite float3;position:absolute;bottom:10%;left:25%}.float-card-3 .user-info{align-items:center;gap:10px;display:flex}.float-card-3 .avatar{color:#fff;background:#7d4f2a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.float-card-3 .info text{display:block}.float-card-3 strong{color:#1e293b;font-size:.8rem;display:block}.float-card-3 span{color:#10b981;font-size:.7rem;font-weight:600}.banner-text h2{margin:0 0 10px;font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:700;line-height:1.3}.banner-text p{opacity:.85;margin:0;font-size:.85rem;line-height:1.5}.dots-indicator{gap:6px;margin-top:24px;display:flex}.dot{background:#fff6;border-radius:50%;width:6px;height:6px}.dot-active{background:#e5a323;border-radius:4px;width:18px}.logo-box{background:#f9f4ee;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;display:flex}.auth-right-panel h1{color:#7d4f2a;margin:0 0 8px;font-size:1.8rem;font-weight:800}.auth-right-panel .subtitle{color:#64748b;text-align:center;max-width:280px;margin:0 0 32px;font-size:.85rem;line-height:1.5}.auth-form{width:100%;max-width:320px}.input-group{margin-bottom:20px;position:relative}.input-group input{color:#7d4f2a;box-sizing:border-box;background:#f9f4ee;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:14px 44px 14px 16px;font-size:.9rem;transition:all .2s}.input-group input::placeholder{color:#a28a76}.input-icon-right{color:#a28a76;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.input-icon-right:hover{color:#7d4f2a}.form-options{justify-content:space-between;align-items:center;margin-bottom:24px;font-size:.8rem;display:flex}.remember-label{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.remember-label input{accent-color:#e5a323;width:15px;height:15px}.forgot-link{color:#e5a323;font-weight:600;text-decoration:none}.forgot-link:hover{color:#7d4f2a;text-decoration:underline}.btn-submit{color:#fff;cursor:pointer;background:#7d4f2a;border:none;border-radius:12px;width:100%;padding:14px;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 4px 6px -1px #7d4f2a33}.btn-submit:hover{background:#e5a323}.btn-submit:active{transform:scale(.98)}.divider{align-items:center;gap:12px;margin:20px 0;display:flex}.divider:before,.divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.divider span{color:#94a3b8;font-size:.75rem;font-weight:500}.btn-google{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.btn-google:hover{background:#f9f4ee;border-color:#7d4f2a}.signup-text{color:#64748b;margin-top:36px;font-size:.85rem}.signup-text a{color:#e5a323;font-weight:600;text-decoration:none}.signup-text a:hover{color:#7d4f2a;text-decoration:underline}.error-box{box-sizing:border-box;background:#fef2f2;border-left:4px solid #ef4444;border-radius:8px;width:100%;margin-bottom:20px;padding:12px 16px}.error-box ul{margin:0;padding:0;list-style:none}.error-box li{color:#b91c1c;font-size:.8rem;font-weight:500}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.success-box{box-sizing:border-box;color:#15803d;background:#f0fdf4;border-left:4px solid #10b981;border-radius:8px;width:100%;margin-bottom:20px;padding:12px 16px;font-size:.8rem;font-weight:500}@media (width<=600px){.form-grid-2{grid-template-columns:1fr;gap:0}}@media (width<=900px){html,body{overflow-y:auto}body.auth-page{flex-direction:column;height:auto}.auth-left-panel{display:none}.auth-right-panel{justify-content:center;width:100%;height:100vh;min-height:100vh;padding:40px 24px}}.input-group input:hover{border-color:#cdb8a3}.input-group input:focus{background:#fff;border-color:#e5a323;box-shadow:0 0 0 4px #e5a32326}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}}.error-box{animation:.4s ease-in-out shake}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-form{animation:.6s ease-out fadeInUp}.btn-submit.loading{pointer-events:none;opacity:.8;position:relative}.btn-submit.loading:after{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-top:-8px;animation:.8s linear infinite spin;position:absolute;top:50%;right:16px}@keyframes spin{to{transform:rotate(360deg)}}.float-card:hover{transform:scale(1.02)!important}.page-loader{z-index:9999;background:#ffffffe6;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.page-loader.hidden{opacity:0;pointer-events:none}