.login-section{min-height:100vh;background:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{background:white;border-radius:20px;padding:1rem;width:100%;max-width:500px;min-height:400px;box-shadow:0 10px 25px rgba(0,195,240,0.1);margin:auto}.logo-container{text-align:center;margin-bottom:2rem}.logo{width:50%;height:auto;object-fit:contain;margin-bottom:1rem}.title{color:#00c3f0;font-size:1.5rem;font-weight:600;margin:0}.subtitle{color:#64748b;font-size:0.875rem;margin-top:0.25rem}.login-form{margin-top:2rem}.form-field{margin-bottom:1.5rem}.input-icon{width:20px;height:20px;margin-right:10px;object-fit:contain}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#94a3b8;z-index:1;pointer-events:none}.input-group .password-icon{font-size:0.9rem;bottom:1rem}.input-control{width:100%;padding:0.875rem 1rem 0.875rem 2.75rem;border:none;font-size:1rem;transition:all 0.3s ease;position:relative;border-bottom:1px solid black}.input-control:focus{border-color:#00c3f0;box-shadow:0 0 0 3px rgba(0,195,240,0.1);outline:none;border-radius:10px}.remember-me{display:flex;align-items:center;gap:0.5rem}.checkbox-input{width:1rem;height:1rem;border-radius:4px;border:2px solid #e2e8f0;cursor:pointer}.checkbox-label{color:#64748b;font-size:0.875rem;cursor:pointer}.login-button{width:100%;padding:0.875rem;background:#00C3F0;color:white;border:none;border-radius:35px;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;margin-top:1rem}.login-button:hover{background:linear-gradient(135deg, #00d4ff 0%, #00c3f0 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,195,240,0.2)}.login-button:active{transform:translateY(0)}.forgot-password{text-align:center;margin-top:1.5rem}.forgot-password a{color:#64748b;font-size:0.875rem;text-decoration:none;transition:color 0.3s ease}.forgot-password a:hover{color:#00c3f0}@media only screen and (min-width: 768px){.login-section{padding:2rem}.login-card{padding:2.5rem}}