*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#60a5fa;--secondary:#3b82f6;--accent:#0ea5e9;--dark:#1e293b;--light:#f0f9ff;--white:#ffffff;--shadow:rgba(0, 0, 0, 0.1);--gradient:linear-gradient(135deg, #2563eb 0%, #93c5fd 100%)}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--dark);min-height:100vh;background:var(--white)}.container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.left-side{background:var(--gradient);padding:3rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.floating-shapes{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:0}.shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3}.shape-1{width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.6),transparent);top:-100px;right:-100px;animation:20s infinite alternate float-shape}.shape-2{width:350px;height:350px;background:radial-gradient(circle,rgba(255,255,255,.4),transparent);bottom:-100px;left:-100px;animation:15s infinite alternate-reverse float-shape}.shape-3{width:300px;height:300px;background:radial-gradient(circle,rgba(96,165,250,.5),transparent);top:50%;left:50%;animation:18s infinite alternate float-shape}@keyframes float-shape{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(30px,30px) rotate(180deg)}}.branding{position:relative;z-index:1;max-width:500px}.logo{font-size:2.5rem;font-weight:700;color:var(--white);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem;transition:transform .3s}.logo:hover{transform:scale(1.05)}.logo .logo-img{width:40px;height:40px;object-fit:contain;display:block}.logo i{font-size:3rem}.branding h1{font-size:3rem;color:var(--white);margin-bottom:1rem;line-height:1.2}.branding>p{font-size:1.2rem;color:rgba(255,255,255,.9);margin-bottom:2rem;line-height:1.8}.features-list{margin-bottom:3rem}.feature-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:var(--white);font-size:1.1rem}.feature-item i{font-size:1.5rem;color:var(--white)}.testimonial{background:rgba(255,255,255,.15);backdrop-filter:blur(10px);padding:2rem;border-radius:20px;border:2px solid rgba(255,255,255,.3);position:relative;margin-top:2rem}.quote-icon{position:absolute;top:1rem;right:1rem;font-size:3rem;color:rgba(255,255,255,.2)}.testimonial p{color:var(--white);font-size:1.1rem;font-style:italic;margin-bottom:1rem}.author{display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.9);font-weight:600}.author i{font-size:2rem}.right-side{background:var(--white);padding:3rem;display:flex;align-items:center;justify-content:center}.form-container{width:100%;max-width:450px}.form-header{margin-bottom:2.5rem}.form-header h2{font-size:2.5rem;color:var(--dark);margin-bottom:.5rem}.form-header p{color:#666;font-size:1rem}.login-form{width:100%}.form-group{margin-bottom:1.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--dark);margin-bottom:.5rem;font-size:.95rem}.form-group label i{color:var(--primary)}.form-group input{width:100%;padding:1rem 1.2rem;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:.3s;background:var(--white)}.form-group input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 4px rgba(37,99,235,.1)}.password-input{position:relative}.toggle-password{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:0 0;border:none;color:#666;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:color .3s}.toggle-password:hover{color:var(--primary)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.checkbox-container{display:flex;align-items:center;cursor:pointer;font-size:.95rem;color:var(--dark)}.checkbox-container input{margin-right:.5rem;width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.forgot-password{color:var(--primary);text-decoration:none;font-size:.95rem;font-weight:600;transition:color .3s}.forgot-password:hover{color:var(--primary-dark)}.btn-submit{width:100%;padding:1.2rem;background:var(--gradient);color:var(--white);border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px rgba(37,99,235,.3)}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.4)}.btn-submit:active{transform:translateY(0)}.divider{display:flex;align-items:center;text-align:center;margin:2rem 0;color:#999;font-size:.9rem}.divider::after,.divider::before{content:'';flex:1;border-bottom:1px solid #e0e0e0}.divider span{padding:0 1rem}.social-login{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.social-btn{padding:1rem;border:2px solid #e0e0e0;border-radius:12px;background:var(--white);cursor:pointer;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:.3s;color:var(--dark)}.social-btn:hover{border-color:var(--primary);background:rgba(37,99,235,.05);transform:translateY(-2px)}.social-btn i{font-size:1.3rem}.form-footer{text-align:center;margin-top:2rem}.form-footer p{color:#666;font-size:1rem}.register-link{color:var(--primary);text-decoration:none;font-weight:700;transition:color .3s}.register-link:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width:968px){.container{grid-template-columns:1fr}.left-side{display:none}.right-side{padding:2rem 1rem}.form-header h2{font-size:2rem}}@media (max-width:480px){.social-login{grid-template-columns:1fr}.form-options{flex-direction:column;align-items:flex-start;gap:1rem}}