:root{--primary: #2c3e50;--secondary: #3498db;--light: #f8f9fa}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:#fff;border-radius:15px;box-shadow:0 10px 25px #0000001a;padding:40px;width:100%;max-width:400px;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.logo{text-align:center;margin-bottom:30px}.logo i{font-size:40px;color:var(--primary);margin-bottom:15px}.logo h2{color:var(--primary);font-weight:600;margin:0}.form-control{border-radius:8px;padding:12px 15px;border:1px solid #e1e5eb;margin-bottom:20px;transition:all .3s}.form-control:focus{border-color:var(--secondary);box-shadow:0 0 0 .2rem #3498db1a}.input-group-text{background:#fff;border:1px solid #e1e5eb;border-right:none}.form-control.with-icon{border-left:none}#submitBtn.btn-login{background:var(--primary);border:none;color:#fff;padding:12px;border-radius:8px;font-weight:900;width:100%;transition:all .3s;margin-top:10px}.btn-login:hover{background:var(--secondary);transform:translateY(-2px)}.copyright{text-align:center;margin-top:30px;font-size:12px;color:#6c757d}.alert{margin-top:15px}