:root {
  --bg: #0b1020;
  --card: #111831;
  --text: #e9edff;
  --muted: #b6c0e6;
  --primary: #7c8bff;
  --border: #273056;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: Inter, system-ui, Arial, sans-serif;
  background: radial-gradient(1200px 500px at 10% -10%, #1d2858 0%, var(--bg) 60%);
  color: var(--text);
}
.container { width: min(1100px, 92%); margin-inline: auto; }
.nav { position: sticky; top: 0; backdrop-filter: blur(10px); background: #0b1020b3; border-bottom: 1px solid #202a51; }
.nav-inner { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; }
.logo { color: var(--text); text-decoration: none; font-weight: 800; font-size: 1.1rem; }
.logo span { color: var(--primary); }
nav a { color: var(--muted); text-decoration: none; margin-left: 20px; font-weight: 600; }
.hero { padding: 80px 0 50px; }
.tag { color: var(--primary); font-weight: 700; margin-bottom: 8px; }
h1 { margin: 0; font-size: clamp(2rem, 4vw, 3.5rem); }
h1 span { color: #9aa8ff; }
.lead { color: var(--muted); max-width: 650px; line-height: 1.7; font-size: 1.05rem; margin-top: 14px; }
.actions { margin-top: 24px; display: flex; gap: 12px; flex-wrap: wrap; }
.btn { display: inline-block; padding: 12px 18px; border-radius: 12px; text-decoration: none; color: var(--text); border: 1px solid var(--border); }
.btn.primary { background: var(--primary); color: #0d1130; border-color: transparent; font-weight: 700; }
.section { padding: 32px 0; }
.section h2 { margin-bottom: 10px; }
.section p { color: var(--muted); line-height: 1.7; }
.chips { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.chips li { background: #131c3d; border: 1px solid var(--border); padding: 8px 12px; border-radius: 999px; color: #d8e0ff; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; margin-top: 14px; }
.card { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 18px; }
.card h3 { margin-top: 0; }
.card .meta { color: #9fb0ef; font-size: .9rem; margin-top: -4px; }
.card a { color: #a7b4ff; text-decoration: none; }
.timeline { display: grid; gap: 14px; }
.contact { text-align: center; padding-bottom: 60px; }
.contact a { color: #a7b4ff; }
.terminal-alert{
  border: 2px solid #2f2f2f;
  border-radius: 8px;
  overflow: hidden;
  background: #2a2a2a;
  box-shadow: 0 10px 26px rgba(0,0,0,.28);
}
.terminal-top{
  background: #6f625b;
  color: #f2d165;
  font-family: "Courier New", monospace;
  font-size: 13px;
  padding: 9px 13px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 2px solid #2a2a2a;
}
.terminal-top .dot{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ddd;
  display: inline-block;
}
.terminal-top .path{ font-weight: 700; white-space: nowrap; }
.terminal-top .links{ color: #cfd8d2; opacity: .9; }

.alert-box{
  margin: 10px;
  border: 2px solid #ac1717;
  background: #d81616;
  border-radius: 3px;
  padding: 14px 18px 12px;
  color: #ffe9d8;
  font-family: "Courier New", monospace;
}
.alert-head{
  font-size: clamp(1.45rem, 2.45vw, 2.45rem);
  font-weight: 800;
  margin-bottom: 16px;
  letter-spacing: .15px;
}
.alert-text{
  color: #ffe9d8;
  font-size: clamp(.95rem, 1.62vw, 1.52rem);
  line-height: 1.5;
  margin: 0 0 12px;
  max-width: 96%;
}
.alert-btn{
  display: inline-block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  background: #efe6bf;
  color: #7b1e1e;
  border: 1px solid #d6cda3;
  border-radius: 2px;
  padding: 9px 16px;
  font-weight: 700;
  font-size: 1.5rem;
  transition: .15s ease;
}
.alert-btn:hover{ filter: brightness(0.97); }

@media (max-width: 780px){
  .terminal-top{font-size:12px; gap:8px; padding:8px 10px;}
  .terminal-top .dot{width:16px;height:16px;}
  .terminal-top .links{display:none;}
  .alert-box{padding:12px; margin:8px;}
  .alert-btn{font-size:1.1rem;}
}

.footer { border-top: 1px solid #202a51; padding: 18px 0 30px; color: #8f9ac7; text-align: center; }