:root{
  --bg-1:#07080a;
  --bg-2:#0f1720;
  --text:#e6eef8;
  --muted:#9fb0c6;
  --accent:#6ee7b7;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background:linear-gradient(135deg,var(--bg-1),var(--bg-2));
  color:var(--text);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.hero{
  text-align:center;
  padding:64px 24px;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.logo{
  width:140px;
  height:140px;
  display:block;
  margin:0 auto 18px auto;
  filter: drop-shadow(0 8px 30px rgba(0,0,0,0.7));
  transition:transform .5s ease;
}
.logo:hover{transform:rotate(-6deg) scale(1.03)}
h1{
  font-size:clamp(28px,6vw,44px);
  margin:0 0 8px 0;
  letter-spacing:-0.02em;
}
.sub{
  margin:0 0 24px 0;
  color:var(--muted);
}
.site-footer{
  position:fixed;
  left:0;right:0;bottom:18px;
  text-align:center;
  font-size:13px;
  color:rgba(230,238,248,0.7);
}
/* Footer link styles: white color and no underline */
.site-footer a{
  color:#ffffff;
  text-decoration:none;
  border-bottom:0; /* avoid underlines from user-agent styles */
  opacity:0.95;
}
.site-footer a:hover,
.site-footer a:focus{
  opacity:1;
  text-decoration:none;
}
@media (max-height:420px){
  .site-footer{position:static;margin-top:18px}
}