:root{
  --bg:#fff;
  --fg:#000;
}
/* full-bleed minimal layout */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
/* content above the background glow */
.center{position:relative;z-index:2}
/* soft central glow / blurred radial using a dedicated element for reliability */
.bg{
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  /* smaller circle so it sits under the heading */
  width:40vmin;
  height:40vmin;
  border-radius:50%;
  pointer-events:none;
  /* ensure this is behind content */
  z-index:0;
  /* stronger, colder tint */
  background: radial-gradient(circle at center, rgba(36,100,200,0.36) 0%, rgba(36,100,200,0.16) 40%, rgba(36,100,200,0) 75%);
  /* reduce blur slightly so glow is brighter */
  filter: blur(48px);
}
.center{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-align:center;
}
.logo img{filter:grayscale(1);opacity:0.95}
h1.mono{
  /* very compact, bold, minimal */
  font-family: "Helvetica Neue", Inter, ui-sans-serif, system-ui, -apple-system, "Helvetica", Arial, sans-serif;
  letter-spacing:0.14em;
  font-weight:900;
  margin:0;
  font-size:52px;
  line-height:1;
}
.sub{
  margin:0;
  font-size:14px;
  text-transform:lowercase;
  opacity:0.7;
}
.footer{
  position:fixed;
  left:20px;
  bottom:14px;
  font-size:12px;
  opacity:0.6;
  z-index:2;
}
/* dark mode preference */
@media (prefers-color-scheme: dark){
  :root{--bg:#000;--fg:#fff}
  .logo img{opacity:0.9;}
  /* slightly cooler, subtle glow on dark */
  body::before{
    /* keep fallback small & transparent if present */
    background: transparent;
  }
}
/* responsive scaling */
@media (max-width:420px){
  h1.mono{font-size:36px}
}