:root{--primary-color:#000;--secondary-color:#2c2c2c;--accent-color:#8b4513;--background-color:#fff;--background-light:#fdf6f0;--background-dark:#1a1a1a;--text-dark:#2c2c2c;--text-light:#666;--text-white:#fff;--nude-color:#e6dace;--beige-color:beige;--peach-color:#ffdab9;--brown-light:#d4c4b7;--brown-dark:#8b4513;--nude-dark:#d4b5b0;--beige-dark:#e8e4d9;--peach-dark:#ffc0a8;--brown-lighter:#e6d5c7;--border-color:#e8e8e8;--box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--light-gray:#f5f6fa;--success-color:#2ecc71;--error-color:#e74c3c;--white:#fff;--shadow:0 4px 6px rgba(0,0,0,.1)}.login-section{min-height:calc(100vh - 80px);background-color:var(--background-light)}.login-wrapper{display:flex;min-height:calc(100vh - 80px)}.login-image{flex:1 1;position:relative;overflow:hidden;display:none;background:linear-gradient(135deg,var(--brown-dark),var(--accent-color))}.login-image img{width:100%;height:100%;object-fit:cover;opacity:.8}.fashion-icons-container{top:0;left:0;z-index:1}.fashion-icons-container,.floating-icons{position:absolute;width:100%;height:100%}.floating-icons i{position:absolute;font-size:2rem;color:hsla(0,0%,100%,.8);animation:float 6s ease-in-out infinite}.floating-icons i:first-child{top:20%;left:10%;animation-delay:0s}.floating-icons i:nth-child(2){top:60%;left:80%;animation-delay:1s}.floating-icons i:nth-child(3){top:40%;left:40%;animation-delay:2s}.floating-icons i:nth-child(4){top:80%;left:20%;animation-delay:3s}.floating-icons i:nth-child(5){top:30%;left:70%;animation-delay:4s}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(0deg)}}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(139,69,19,.8),#8b4513);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;z-index:2}.welcome-content{max-width:600px;margin:0 auto}.welcome-content i.fa-star{font-size:3rem;color:gold;margin-bottom:1rem;text-shadow:0 0 10px rgba(255,215,0,.5)}.image-overlay h2{font-family:Playfair Display,serif;font-size:3rem;margin-bottom:1rem;color:var(--text-white);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.image-overlay p{font-size:1.4rem;color:var(--text-white);margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.fashion-tags{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.tag{background:hsla(0,0%,100%,.2);padding:.5rem 1.5rem;border-radius:25px;color:var(--text-white);font-size:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.3);transition:all .3s ease}.tag:hover{background:hsla(0,0%,100%,.3);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.login-form-container{flex:1 1;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:var(--background-light)}.login-box{width:100%;max-width:400px;padding:2.5rem;background:var(--background-color);border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,.05);border:1px solid rgba(139,69,19,.1);position:relative;z-index:1}.login-box:before{display:none}.login-box .form-group,.login-box .form-options,.login-box .login-btn,.login-box .signup-link,.login-box .subtitle,.login-box h2{position:relative;z-index:2}.login-box h2{color:var(--primary-color);font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700;margin-bottom:.5rem;text-align:left}.subtitle{color:var(--text-light);font-size:1rem;margin-bottom:2rem;text-align:left}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-dark);font-weight:500;font-size:.95rem}.input-group{position:relative;display:flex;align-items:center;border:2px solid var(--border-color);border-radius:12px;padding:12px 16px;background-color:var(--background-light);transition:all .3s ease}.input-group:focus-within{border-color:var(--accent-color);background-color:var(--background-color);box-shadow:0 0 0 4px rgba(139,69,19,.1)}.input-group input{border:none;outline:none;width:94%;padding:0 30px 0 8px;background-color:transparent;font-size:1rem;color:var(--text-dark)}.input-group input::placeholder{color:var(--text-light);opacity:.7}.input-group i{color:var(--text-light);min-width:16px;transition:color .3s ease}.input-group:focus-within i{color:var(--accent-color)}.form-options{justify-content:space-between;margin-bottom:2rem}.form-options,.remember-me{display:flex;align-items:center}.remember-me{gap:.5rem}.remember-me input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-color);cursor:pointer}.remember-me label{color:var(--text-light);font-size:.9rem;cursor:pointer}.forgot-password{color:var(--accent-color);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease}.forgot-password:hover{color:var(--brown-dark);text-decoration:underline}.login-btn{width:100%;padding:1rem;background:var(--accent-color);color:var(--text-white);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:.5s}.login-btn:hover{background:var(--background-dark);transform:translateY(-2px);box-shadow:0 8px 15px rgba(139,69,19,.2)}.login-btn:hover:before{left:100%}.social-login{margin-top:2rem;text-align:center}.social-login p{color:var(--text-light);margin-bottom:1rem;position:relative}.social-login p:after,.social-login p:before{content:"";position:absolute;top:50%;width:45%;height:1px;background:var(--border-color)}.social-login p:before{left:0}.social-login p:after{right:0}.social-buttons{display:flex;gap:1rem}.social-btn{flex:1 1;padding:.8rem;border:1px solid var(--border-color);border-radius:8px;background:var(--background-color);color:var(--text-dark);font-size:.9rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem}.social-btn:hover{background:var(--background-light)}.social-btn.google{color:#db4437}.social-btn.facebook{color:#4267b2}.signup-link{text-align:center;margin-top:1.5rem;color:var(--text-light);font-size:.95rem}.signup-link a{color:var(--accent-color);text-decoration:none;font-weight:600;transition:all .3s ease}.signup-link a:hover{color:var(--brown-dark);text-decoration:underline}.password-toggle{position:absolute;right:16px;color:var(--text-light);cursor:pointer;transition:color .3s ease;padding:4px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;z-index:2}.password-toggle:hover{color:var(--accent-color)}@media (min-width:992px){.login-image{display:block}}@media (max-width:991px){.login-wrapper{min-height:auto}.login-form-container{padding:0}.login-section{min-height:auto}}@media (max-width:768px){.login-box{padding:2rem;margin:1rem}.login-box h2{font-size:2rem}.input-group{padding:10px}}.title-line{width:50px;height:3px;background:var(--accent-color);margin:10px 0;border-radius:2px}