:root{
  --bg:#0b0c10;
  --text:rgba(245,248,255,.98);
  --muted:rgba(168,179,199,.95);
  --card:rgba(255,255,255,.04);
  --border:rgba(255,255,255,.10);
  --grad:linear-gradient(90deg,#ff4081,#ff5722);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
p{margin:0}

/* Intro */
.intro-body{background:#000}
.intro-wrap{
  height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
}
.scanline{
  position:absolute;left:0;right:0;height:2px;top:40%;
  background:rgba(255,255,255,.16);
  box-shadow:0 0 25px rgba(255,87,34,.25), 0 0 25px rgba(255,64,129,.18);
  animation:scan 1.2s infinite linear;
}
@keyframes scan{
  0%{transform:translateY(-180px)}
  100%{transform:translateY(380px)}
}
.intro-terminal{
  width:min(680px,calc(100% - 40px));
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  border-radius:18px;padding:18px;
  box-shadow:0 10px 35px rgba(0,0,0,.55);
}
.intro-line{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:14px;letter-spacing:.06em;color:rgba(232,238,247,.95);
  line-height:1.8;
}
.intro-logo{
  margin-top:18px;
  width:92px;height:92px;border-radius:22px;
  overflow:hidden;border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
}