#login-section{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-card{width:100%;max-width:380px;border-radius:12px;padding:24px;border:1px solid #eee;background:#fff;box-shadow:4px 4px 6px rgba(0,0,0,.1);margin:20px}.login-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;margin-top:20px}.login-header a{color:#2563eb;text-decoration:none}.social-login{display:flex;gap:10px;margin-bottom:16px}.social-btn{flex:1;border:1px solid #ddd;font-size:14px}.social-btn.fb{color:#1877f2}.social-btn.google{color:#ea4335}.divider{text-align:center;position:relative;margin:16px 0}.divider span{background:#fff;padding:0 10px;font-size:13px;color:#888}.divider::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#ddd;z-index:-1}.password-field{position:relative}.password-field .password-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#888;pointer-events:none;z-index:2}.password-field .form-control{position:relative;z-index:1;padding-left:38px;padding-right:38px}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#888;background:0 0;border:0;padding:4px;z-index:2}@media (max-width:768px){.login-page{flex-direction:column}.login-left{padding:30px;text-align:center;align-items:center}}