:root{
  --bg:#0b1220;
  --panel:#0f1724;
  --panel-soft:#141c2c;
  --text:#e6eef6;
  --muted:#9aa4b2;
  --accent:#38bdf8;
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html,body{
  height:100%;
  scroll-behavior: smooth;
}

body{
  font-family:Inter,system-ui,sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
  
}

header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:110px;
  padding:0 10% 0 12%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:rgba(11,18,32,.92);
  backdrop-filter:blur(10px);
  z-index:1002;
}

header strong{
  font-size:1.7rem;
  font-weight:600;
}

nav a{
  margin-left:28px;
  color:var(--muted);
  font-size:1.15rem;
  font-weight:600;
  text-decoration:none;
  transition:.3s ease-in-out;
}

nav a:hover{
  color:var(--text);
  font-size:1.17rem;
  text-shadow: 0 0 1px var(--text);
}

main{
  margin-top:50px;
  padding:90px 20%;
}

section h3{
  font-size:2.6rem;
  margin-bottom:36px;
}

.impr-content p{
  font-size:1.2rem;
  color:var(--muted);
  margin-bottom:20px;
  line-height:1.7;
}

footer{
  padding:30px 10%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-top:1px solid rgba(255,255,255,.06);
  color:var(--muted);
}

footer .right{
  display:flex;
  align-items:center;
  gap:28px;
}

footer a{
  color:var(--muted);
  text-decoration:none;
}

footer a:hover{
  color:var(--accent);
}

@media (max-width:900px){
  main{
    padding:70px 6%;
  }

  nav a{
    margin-left:16px;
  }
}

@media (max-width:600px){
  header{
    padding:0 6%;
    height:90px;
  }

  header strong{
    font-size:1.4rem;
  }

  nav a{
    margin-left:12px;
    font-size:1rem;
  }

  section h3{
    font-size:2rem;
    margin-bottom:24px;
  }
}