/* Minimal, S3-safe (no external deps) */
:root{
  --bg: #0b1220;
  --text: #eef3ff;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:#ffffff;
  color:#111111;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.wrap{
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.hero-image{
  max-width:min(720px, 100%);
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
  border:1px solid rgba(238,243,255,.14);
  background: rgba(255,255,255,.02);
}


.site-header{
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 10;
}

.logo{
  height: 110px;
  width: auto;
}


.site-footer{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 12px 20px;
  background: #ffffff;
  border-top: 1px solid #e5e5e5;
  text-align: center;
  font-size: 14px;
}

.site-footer a{
  color: #111111;
  text-decoration: none;
  font-weight: 500;
}

.site-footer a:hover{
  text-decoration: underline;
}