/* Base */
:root{
  --bg:#0b0e13; --bg-alt:#11151b; --text:#e7edf3; --muted:#a7b3c2; --brand:#4f8cff; --card:#0f1318; --ring: rgba(79,140,255,.35);
}
*{box-sizing:border-box}
html{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.6;background:var(--bg);color:var(--text)}
html,body{margin:0;padding:0}

/* Fade-in once JS runs */
html{opacity:0;transition:opacity .4s ease}
html.ready{opacity:1}

.container{max-width:940px;margin-inline:auto;padding:20px}

/* Header */
.site-header{background:linear-gradient(180deg, rgba(79,140,255,.18), transparent 60%), var(--bg-alt);border-bottom:1px solid #1b2330}
.site-header h1{margin:0;font-size:2.2rem;font-weight:800}
.site-header .tagline{margin:.25rem 0;color:var(--muted);font-weight:600}
.site-header .meta{margin:.15rem 0 .85rem;color:var(--muted)}

.cta{display:flex;gap:12px;flex-wrap:wrap}
.btn,.btn-outline{display:inline-block;padding:.6rem 1rem;border-radius:10px;text-decoration:none}
.btn{background:var(--brand);color:#071327;font-weight:800}
.btn:hover{filter:brightness(1.05)}
.btn-outline{border:1px solid #2a3a53;color:var(--text)}
.btn-outline:hover{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}

/* Sections */
.card{background:var(--card);border:1px solid #1a2431;border-radius:14px;padding:22px;margin:18px 0}
.card h2{margin-top:0;font-size:1.25rem}
.pill-list{display:flex;gap:10px;flex-wrap:wrap;padding:0;margin:0;list-style:none}
.pill-list li{background:#121a25;border:1px solid #1f2a3a;color:var(--text);padding:.35rem .6rem;border-radius:999px}

.edu{padding-left:1rem}
.edu li{margin:.4rem 0}

.site-footer{color:var(--muted);padding-bottom:40px}

/* Responsive */
@media (max-width:600px){
  .site-header h1{font-size:1.8rem}
}