/* Header Styles */
*{box-sizing:border-box}
body{margin:0;background:#f5f7fa;color:#333;line-height:1.6;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif}
.site-header{
  background:linear-gradient(135deg,#6a11cb 0%,#2575fc 100%);
  color:#fff;
  padding:15px 5%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  box-shadow:0 2px 10px rgba(0,0,0,.1);
  position:sticky;top:0;z-index:100;
}
.logo{display:flex;align-items:center;gap:10px}
.logo i{font-size:28px}
.logo h1{font-size:24px;font-weight:700}
.main-nav ul{display:flex;list-style:none;gap:25px;margin:0;padding:0}
.main-nav a{color:#fff;text-decoration:none;font-weight:500;transition:.3s}
.main-nav a:hover{color:#ffdd40}
@media (max-width:768px){
  .site-header{flex-direction:column;gap:12px;padding:15px}
  .main-nav ul{gap:15px;flex-wrap:wrap;justify-content:center}
}