* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:Arial; background:#f5f5f5; }

nav { background:#222; color:#fff; padding:15px; display:flex; justify-content:space-between; align-items:center; }
.nav-links a { color:#fff; text-decoration:none; margin:0 10px; }

.container { max-width:800px; margin:30px auto; padding:20px; background:#fff; border-radius:8px; }

.login-pop {
  position:fixed; top:0; left:0; width:100%; height:100%;
  background:rgba(0,0,0,0.5); display:flex; align-items:center; justify-content:center;
}
.login-pop .box { background:#fff; padding:25px; border-radius:8px; width:360px; }
.login-pop input { width:100%; padding:10px; margin:8px 0; border:1px solid #ddd; border-radius:6px; }
.code-row { display:flex; gap:8px; align-items:center; }
.code-row input { flex:1; }
.btns { margin-top:15px; display:flex; gap:10px; }
button { background:#007bff; color:#fff; border:none; padding:9px 14px; border-radius:5px; cursor:pointer; }