body{
  margin:0;
  font-family: Arial;
  background:#061a14;
  color:white;
}

/* HEADER */
.nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px 20px;
  background:#04130f;
  border-bottom:1px solid rgba(255,255,255,0.1);
}

.logo span{
  background:gold;
  color:#04130f;
  padding:5px 10px;
  border-radius:6px;
}

nav a{
  color:white;
  margin:0 10px;
  text-decoration:none;
}

.menu-btn{
  display:none;
  font-size:24px;
  background:none;
  border:none;
  color:white;
}

/* REGISTER */
.register{
  display:flex;
  justify-content:center;
  padding:50px 20px;
}

.card{
  width:100%;
  max-width:420px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.1);
  padding:25px;
  border-radius:15px;
}

input,select{
  width:100%;
  padding:12px;
  margin-top:10px;
  border-radius:10px;
  border:none;
}

button{
  width:100%;
  margin-top:15px;
  padding:12px;
  background:gold;
  border:none;
  font-weight:bold;
  cursor:pointer;
  border-radius:10px;
}

/* FOOTER (MATCH SCREENSHOT EXACTLY) */
.footer{
  background:#061a14;
  border-top:1px solid rgba(255,255,255,0.08);
  padding:40px 20px;
  margin-top:60px;
}

.footer-grid{
  max-width:1100px;
  margin:auto;
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:40px;
}

.footer a{
  display:block;
  color:rgba(255,255,255,0.6);
  text-decoration:none;
  margin-top:8px;
}

.footer a:hover{
  color:white;
}

.footer-bottom{
  text-align:center;
  margin-top:30px;
  font-size:12px;
  color:rgba(255,255,255,0.5);
}

/* POPUP */
.popup{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.7);
  justify-content:center;
  align-items:center;
}

.popup-box{
  background:#0b2a22;
  padding:30px;
  border-radius:12px;
}

/* MOBILE */
@media(max-width:768px){
  nav{display:none;}
  .menu-btn{display:block;}
  .footer-grid{grid-template-columns:1fr;}
}