/* Fondo negro global y estilos básicos */
:root{
  --bg: #000;
  --text: #e6e6e6;
  --muted: #9a9a9a;
  --accent: #1db954;
}

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

html,body{
  height:100%;
  background:var(--bg);
  color:var(--text);
  font-family:"OCR-A BT","OCR A","OCR A Std",monospace,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Matrix canvas sits behind content */
#matrix{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  pointer-events:none;
  display:block;
  background:transparent;
}

/* Ensure header and content sit above canvas */
.site-header, .center, main, header{
  position:relative;
  z-index:50;
}

.center{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:24px;
  text-align:center;
}

h1{
  font-size:clamp(1.25rem,4vw,2rem);
  letter-spacing:0.02em;
}

p{
  color:var(--muted);
  font-size:clamp(.9rem,2.5vw,1rem);
  max-width:36ch;
}

.btn{
  display:inline-block;
  margin-top:8px;
  background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
  color:var(--text);
  border:1px solid rgba(255,255,255,0.06);
  padding:.6rem 1rem;
  border-radius:8px;
  text-decoration:none;
  font-weight:600;
  min-width:44px;
  min-height:44px;
  align-items:center;
  justify-content:center;
  transition:transform .12s ease, box-shadow .12s ease;
  box-shadow:0 1px 0 rgba(255,255,255,0.02);
}

.btn:active{ transform:translateY(1px) }
.btn:hover{ box-shadow:0 6px 20px rgba(0,0,0,0.6) }

/* Header */
.site-header{
  width:100%;
  border-bottom:1px solid rgba(255,255,255,0.03);
  background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.00));
  position:fixed;
  top:0;
  left:0;
  z-index:50;
  backdrop-filter: blur(6px);
}
.site-header .container{
  max-width:1100px;
  margin:0 auto;
  padding:12px 20px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.brand{
  /* prefer OCR-A BT if installed, then fall back to OCR A / monospace */
  font-family:"OCR-A BT","OCR A","OCR A Std",monospace;
  color: var(--accent);
  font-weight:700;
  font-size:1rem;
  letter-spacing:0.02em;
}

/* Ensure main content isn't hidden behind fixed header */
.center{
  padding-top:72px;
}

/* Construction notice centered in the main area */
.construction{
  font-family:"OCR-A BT","OCR A","OCR A Std",monospace;
  color: var(--accent);
  font-weight:700;
  font-size: clamp(1.5rem, 6vw, 3rem);
  letter-spacing: 0.12em;
  text-shadow: 0 2px 10px rgba(0,0,0,0.6);
  -webkit-font-smoothing: antialiased;
  user-select: none;
  pointer-events: none;
  text-transform: lowercase;
}