/* ----- BASIC RESET ----- */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:system-ui,Arial,sans-serif;line-height:1.6;background:#fff;color:#222;}

/* ----- NAVBAR ----- */
.navbar{
  width:100%;
  background:#fff;
  border-bottom:1px solid #e5e5e5;
  padding:12px 20px;
  position:sticky;
  top:0;
  z-index:999;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.nav-left{
  display:flex;
  align-items:center;
}

.nav-logo{
  font-size:22px;
  font-weight:700;
  color:#0d6efd;
  text-decoration:none;
  margin-right:20px;
}

.nav-menu a{
  margin-right:18px;
  text-decoration:none;
  color:#333;
  font-weight:500;
}

.nav-menu a:hover{
  color:#0d6efd;
}

.nav-login{
  font-size:22px;
  color:#0d6efd;
  text-decoration:none;
}

/* ----- PAGE CONTAINER ----- */
.page-container{
  max-width:900px;
  margin:40px auto;
  padding:0 20px;
}

/* ----- FOOTER ----- */
.footer{
  margin-top:50px;
  padding:40px 20px;
  background:#f9f9f9;
  border-top:1px solid #eee;
  text-align:center;
  font-size:14px;
}

.footer a{
  color:#0d6efd;
  margin:0 10px;
  text-decoration:none;
}

.footer-row{
  margin-bottom:10px;
}