:root{
  --bg:#1a43bd;
  --accent:#ffc400;
  --text:#e6eef6;
  --muted:#8a92a4;
  --glass:rgba(255,255,255,0.05);
}

*{box-sizing:border-box;}
body{
  margin:0;
  font-family:'Poppins',sans-serif;
  background: linear-gradient(-45deg, #0d6ebd, rgb(8, 83, 153), #16a18f, #02802c);
  background-size: 400% 400%;
  animation: gradientBG 5s ease infinite;
  color:var(--text);
}
@keyframes gradientBG {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.site-header{
  display:flex;justify-content:space-between;align-items:center;
  padding:1rem 1.5rem;
  background:var(--glass);
  backdrop-filter:blur(8px);
  position:sticky;top:0;z-index:10;
}
.brand{font-weight:700;font-size:1.3rem;color:var(--accent);}
.main-nav{display:flex;gap:1rem;}
.main-nav a{text-decoration:none;color:var(--text);font-weight:600;transition:.3s;}
.main-nav a:hover{color:var(--accent);}
.mobile-toggle{display:none;background:none;border:none;color:var(--accent);font-size:1.4rem;}

main{max-width:900px;margin:2rem auto;padding:0 1rem;}
.page{display:none;background:rgba(255,255,255,0.03);padding:1.5rem;border-radius:12px;box-shadow:0 0 10px rgba(0,0,0,0.3);animation:fadeIn .5s ease;}
.page.active{display:block;}
.accent{color:var(--accent);}
.site-footer{text-align:center;padding:1.5rem;color:var(--muted);}

input[type=password]{padding:.5rem;border-radius:8px;border:1px solid var(--muted);background:#0e162b;color:var(--text);}
button{background:var(--accent);border:none;padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;}
button:hover{background:#ffc400;}

@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}

@media(max-width:768px){
  .main-nav{display:none;flex-direction:column;background:#0b1125;position:absolute;right:1rem;top:4rem;padding:1rem;border-radius:8px;}
  .mobile-toggle{display:block;}
  .mi{width: 100px; height: 200px;}
}

img{
  width: 150px;
  height: 200px;
}

.mi{
  width: 300px;
  height: 180px;
}

a{
  color: #ffc400;
}