/* ── SELF-HOSTED FONTS (Inter) ── */
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.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;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.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;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.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;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.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;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.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;
}

/* ── RESET ── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}

/* ── TOKENS ── */
:root{
  --bg:#0A0F1A;
  --surface:#111927;
  --card:#14203A;
  --card-hover:#1A2A4A;
  --border:rgba(255,255,255,.08);
  --border-hover:rgba(255,214,10,.3);
  --gold:#FFD60A;
  --gold-dim:rgba(255,214,10,.12);
  --text:#F0F4FF;
  --text-dim:rgba(240,244,255,.6);
  --text-dimmer:rgba(240,244,255,.55);
  --font:'Inter',system-ui,-apple-system,sans-serif;
}

/* ── BODY ── */
body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--font);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
}

/* ── WRAPPER ── */
.wrapper{
  width:100%;
  max-width:560px;
  padding:3rem 1.25rem 4rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
}

/* ── AVATAR / WORDMARK ── */
.avatar{
  width:72px;
  height:72px;
  border-radius:50%;
  background:var(--gold);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.1rem;
  font-weight:800;
  color:#0A0F1A;
  letter-spacing:-.5px;
  margin-bottom:1.25rem;
  flex-shrink:0;
}

.name{
  font-size:1.4rem;
  font-weight:800;
  color:var(--text);
  letter-spacing:-.4px;
  text-align:center;
  margin-bottom:.35rem;
}

.tagline{
  font-size:.9rem;
  font-weight:500;
  color:var(--text-dim);
  text-align:center;
  margin-bottom:2.5rem;
  line-height:1.5;
}

/* ── LINK CARDS ── */
.links{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:.75rem;
}

.link-card{
  display:flex;
  align-items:center;
  gap:1rem;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:14px;
  padding:1rem 1.25rem;
  text-decoration:none;
  color:var(--text);
  min-height:72px;
  transition:background .18s ease, border-color .18s ease, transform .12s ease;
  -webkit-tap-highlight-color:transparent;
  cursor:pointer;
}

.link-card:hover,
.link-card:focus-visible{
  background:var(--card-hover);
  border-color:var(--border-hover);
  transform:translateY(-1px);
  outline:2px solid var(--gold);
  outline-offset:2px;
}

.link-card:active{
  transform:translateY(0);
  background:var(--card);
}

.link-icon{
  font-size:1.5rem;
  line-height:1;
  flex-shrink:0;
  width:2rem;
  text-align:center;
  /* force emoji rendering, avoid glyph fallback */
  font-family:'Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',sans-serif;
}

.link-body{
  flex:1;
  min-width:0;
}

.link-title{
  font-size:1rem;
  font-weight:700;
  color:var(--text);
  line-height:1.3;
  margin-bottom:.2rem;
}

.link-sub{
  font-size:.83rem;
  font-weight:400;
  color:var(--text-dim);
  line-height:1.4;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.link-arrow{
  flex-shrink:0;
  color:var(--text-dimmer);
  font-size:1rem;
  margin-left:.5rem;
}

/* ── SECTION DIVIDER ── */
.section-label{
  width:100%;
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--text-dimmer);
  margin:1.75rem 0 .75rem;
  padding-left:.25rem;
}

/* ── FOLLOW LINE ── */
.follow{
  margin-top:3rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.65rem;
  width:100%;
}

.follow-label{
  font-size:.78rem;
  font-weight:600;
  color:var(--text-dimmer);
  text-transform:uppercase;
  letter-spacing:.08em;
}

.follow-handles{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.5rem .75rem;
}

.handle{
  font-size:.82rem;
  font-weight:600;
  color:var(--gold);
  text-decoration:none;
  padding:.3rem .65rem;
  border:1px solid rgba(255,214,10,.2);
  border-radius:20px;
  transition:background .15s ease, border-color .15s ease;
  -webkit-tap-highlight-color:transparent;
  min-height:44px;
  display:inline-flex;
  align-items:center;
}

.handle:hover,
.handle:focus-visible{
  background:var(--gold-dim);
  border-color:rgba(255,214,10,.45);
  outline:2px solid var(--gold);
  outline-offset:2px;
}

/* ── COPYRIGHT ── */
.copyright{
  margin-top:2rem;
  font-size:.75rem;
  color:var(--text-dimmer);
  text-align:center;
  line-height:1.5;
}

/* ── GOLD RULE ── */
.gold-rule{
  width:2.5rem;
  height:2px;
  background:var(--gold);
  border-radius:1px;
  margin:0 auto 2rem;
  opacity:.5;
}

/* ── RESPONSIVE: slightly larger on wider phones ── */
@media(min-width:400px){
  .link-title{font-size:1.05rem;}
  .link-sub{font-size:.86rem;}
  .name{font-size:1.55rem;}
}