body {
  font-family: sans-serif;
  margin:0; padding:0;
  background: linear-gradient(-45deg,#020617,#0f172a,#020617);
  background-size:400% 400%;
  animation: gradient 10s ease infinite;
  color:white;
}
@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

.nav-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:auto}
.nav-links a{margin-left:1rem;text-decoration:none;color:white}
.nav-links a:hover{color:#3b82f6}
.btn-login, .btn-primary{background:#3b82f6;padding:.5rem 1rem;border-radius:.5rem;text-decoration:none;color:white}
.btn-primary:hover{background:#2563eb}
.btn-secondary{border:1px solid #6b7280;padding:.5rem 1rem;border-radius:.5rem;color:white;text-decoration:none}
.btn-secondary:hover{border-color:#3b82f6}

.hero{text-align:center;padding:8rem 2rem;background-size:cover;background-position:center;color:white}
.hero h1{font-size:4rem;margin-bottom:1rem}
.hero p{font-size:1.5rem;margin-bottom:2rem}
.hero-buttons a{margin:0 .5rem}

.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;text-align:center;margin:4rem auto}
.feature-card{background:#1e293b;padding:2rem;border-radius:1rem;transition:transform .3s}
.feature-card:hover{transform:scale(1.05)}

.pricing{text-align:center;margin:4rem auto}
.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:auto}
.card{background:#1e293b;padding:2rem;border-radius:1rem;transition:transform .3s}
.card.popular{border:2px solid #3b82f6;transform:scale(1.05);box-shadow:0 0 20px rgba(59,130,246,.5)}

.cta{text-align:center;margin:4rem auto}
.login-page{display:flex;justify-content:center;align-items:center;height:100vh;background:#0f172a}
.login-box{background:#1e293b;padding:3rem;border-radius:1rem;width:100%;max-width:400px;text-align:center}
.login-box input{width:100%;padding:.75rem;margin:.5rem 0;border-radius:.5rem;border:none;background:#334155;color:white}
.login-box button{width:100%;padding:.75rem;margin-top:1rem;border:none;border-radius:.5rem;background:#3b82f6;color:white}
.server-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}