/* style.css — minimal modern styles */
:root{
  --bg:#0f1724;
  --card:#0b1220;
  --muted:#9aa7c1;
  --accent:#2dd4bf;
  --glass: rgba(255,255,255,0.03);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  background:linear-gradient(180deg,var(--bg) 0%, #071024 100%);
  color:#e6eef8;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.container{max-width:980px;margin:0 auto;padding:28px}
.site-header{padding:36px 0;text-align:center}
.site-header h1{margin:0;font-size:clamp(20px,3.6vw,36px);letter-spacing:-0.4px}
.subtitle{color:var(--muted);margin-top:8px}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:18px}
.card{
  display:block;padding:18px;border-radius:12px;background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  text-decoration:none;color:inherit;box-shadow:0 6px 18px rgba(2,6,23,0.6);border:1px solid rgba(255,255,255,0.03);transition:transform 180ms ease, box-shadow 180ms ease;
}
.card h2{margin:0 0 6px 0;font-size:18px}
.card p{margin:0;color:var(--muted);font-size:14px}
.card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(2,8,35,0.7)}

.notes{margin-top:26px;padding:16px;border-radius:10px;background:var(--glass);border:1px solid rgba(255,255,255,0.02)}
.notes h3{margin:0 0 8px 0}
.notes ul{margin:0;padding-left:20px;color:var(--muted)}

.site-footer{padding:24px 0;text-align:center;color:var(--muted);margin-top:24px}

@media (max-width:420px){
  .container{padding:18px}
  .card{padding:14px}
}