@font-face{
  font-family:"Nunito Sans";
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url("fonts/nunito-sans-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root{
  --violet:#7933ff; --violet-light:#dc72fe; --orange:#ff925c; --red:#fe2c2b;
  --black:#141414; --black-deep:#0a0a14;
  --surface-raised:#1f1f1f; --border:#2e2e2e;
  --ink:#ffffff; --ink-muted:#a6a6a6;
  --radius-md:12px; --radius-lg:24px;
  --font-sans:"Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  min-height:100vh;font-family:var(--font-sans);color:var(--ink);
  background-color:var(--black-deep);
  background-image:
    radial-gradient(60% 40% at 85% 0%,rgba(255,146,92,.22) 0%,rgba(10,10,20,0) 70%),
    radial-gradient(60% 45% at 10% 10%,rgba(121,51,255,.22) 0%,rgba(10,10,20,0) 70%);
  background-repeat:no-repeat;
  display:flex;flex-direction:column;align-items:center;padding:72px 16px 32px;
}
main{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:40px;flex-grow:1}
header{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.avatar{width:128px;height:128px;border-radius:32px;display:block;object-fit:cover}
.wordmark{height:24px;width:auto;display:block}
.intro{display:flex;flex-direction:column;gap:12px;margin-top:16px}
h1{margin:0;font-size:32px;line-height:38px;font-weight:800;letter-spacing:-.01em}
h1 .osint{color:var(--orange)} h1 .cyber{color:var(--violet-light)}
.lead{margin:0;font-size:16px;line-height:24px;color:var(--ink-muted)}
nav{width:100%;display:flex;flex-direction:column;gap:16px}
.link{
  display:flex;align-items:center;gap:16px;padding:20px 24px;min-height:44px;
  border-radius:var(--radius-md);color:var(--ink);text-decoration:none;
  transition:background-color .15s ease,border-color .15s ease,transform .15s ease,color .15s ease;
}
.link:hover{transform:translateY(-1px)}
.link:focus-visible{outline:2px solid var(--violet-light);outline-offset:2px}
.link svg{flex-shrink:0}
.link .txt{display:flex;flex-direction:column;gap:2px;flex-grow:1}
.link .title{font-size:18px;line-height:24px;font-weight:700}
.link .sub{font-size:14px;line-height:20px;color:var(--ink-muted)}
.link--primary{background:var(--violet)}
.link--primary .sub{color:var(--ink)}
.link--primary:hover{background:var(--violet-light);color:var(--black)}
.link--primary:hover .sub{color:var(--black)}
.link--secondary{background:var(--surface-raised);border:1px solid var(--border)}
.link--secondary:hover{border-color:var(--ink)}
footer{width:100%;max-width:440px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:48px;font-size:13px;line-height:18px;color:var(--ink-muted)}
@media (prefers-reduced-motion:reduce){.link{transition:none}.link:hover{transform:none}}