:root {
  color-scheme: dark;
  --background: #060910;
  --surface: #111622;
  --surface-secondary: #151B29;
  --text: #F5F7FF;
  --muted: #AAB5CC;
  --border: #344563;
  --cyan: #2CD4ED;
  --blue: #59A6F7;
  --purple: #A666EE;
  --content-width: 440px;
  --card-radius: 19px;
  --watermark-opacity: .17;
  --ui-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { min-height:100%; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  min-width: 280px;
  min-height: 100vh;
  background:
    radial-gradient(ellipse 520px 470px at 50% 0%, rgba(35,87,156,.23), transparent 70%),
    radial-gradient(ellipse 500px 550px at 104% 90%, rgba(83,53,159,.18), transparent 78%),
    var(--background);
  color: var(--text);
  font-family: var(--ui-font);
  -webkit-font-smoothing: antialiased;
}
.bio {
  width: 100%;
  max-width: calc(var(--content-width) + 70px);
  min-height: 100svh;
  padding: clamp(44px, 7vh, 74px) 25px 26px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  isolation: isolate;
  display:flex;
  flex-direction:column;
}
.bio:before {
  content: "";
  pointer-events:none;
  position:absolute;
  inset:0;
  z-index:-2;
  background: linear-gradient(180deg, rgba(15,19,31,.45), rgba(8,10,17,.30) 44%, rgba(5,6,12,.55));
}
.glow { pointer-events:none; position:absolute; filter:blur(67px); border-radius:50%; z-index:-2; opacity:.35; }
.glow--a { width:240px; height:110px; background:var(--blue); left:50%; top:85px; transform:translateX(-50%); }
.glow--b { width:220px; height:160px; background:var(--purple); right:-140px; bottom:90px; }
.brand-watermark {pointer-events:none; user-select:none; position:absolute; z-index:-1; max-width:none; opacity:var(--watermark-opacity);}
.brand-watermark--top { width:530px; height:530px; top:-255px; left:50%; transform:translateX(-50%) rotate(-15deg);}
.brand-watermark--bottom { width:325px; height:325px; bottom:-200px; right:-144px; transform:rotate(46deg);}
.hero {position:relative; text-align:center; display:flex; flex-direction:column; align-items:center;}
.hero__logo {display:block; width:min(100%,334px); height:auto; margin:0 auto 7px; object-fit:contain; filter:drop-shadow(0 8px 22px rgba(0,0,0,.38));}
.hero__eyebrow {font-size:19px; font-weight:560; letter-spacing:-.035em; line-height:1.35; margin:0 0 12px;}
.hero__tagline {font-size:14.5px; font-weight:430; line-height:1.52; color:var(--muted); max-width:330px; margin:0 auto 44px;}
.link-section {position:relative; width:100%; margin:0 auto; max-width:var(--content-width);}
.section-title {display:flex; align-items:center; gap:13px; margin:0 0 20px;}
.section-title h2 {text-align:center; white-space:nowrap; font-size:10px; letter-spacing:.29em; color:#9BB8FC; font-weight:730; margin:0;}
.section-title__line {height:1px; flex:1; min-width:7px; background:linear-gradient(90deg,transparent,rgba(102,155,241,.56));}
.section-title__line:last-child {transform:rotate(180deg);}
.links {display:flex; flex-direction:column; gap:13px;}
.link-card {
  --glow-color:rgba(45,87,169,.24);
  position:relative;
  display:flex;
  align-items:center;
  min-height:104px;
  gap:17px;
  padding:18px 19px;
  border-radius:var(--card-radius);
  color:var(--text);
  text-decoration:none;
  background:linear-gradient(125deg, rgba(22,28,45,.96) 2%, rgba(10,13,24,.96) 96%);
  border:1px solid rgba(91,126,196,.57);
  box-shadow:inset 0 1px rgba(255,255,255,.037), 0 8px 26px rgba(0,0,0,.08);
  transition:transform .22s ease, background .22s ease,box-shadow .22s ease,border-color .22s ease;
  -webkit-tap-highlight-color:transparent;
}
.link-card:not(.link-card--inactive):hover { transform:translateY(-2px); border-color:rgba(157,151,255,.95); box-shadow:0 7px 32px var(--glow-color); }
.link-card:focus-visible {outline:3px solid var(--cyan); outline-offset:4px;}
.link-card--featured {
  --glow-color:rgba(89,84,209,.27);
  min-height:142px;
  background:linear-gradient(108deg,rgba(8,30,42,.98) 2%,rgba(14,16,38,.98) 60%,rgba(35,19,66,.96));
  border:1.5px solid transparent;
  background-image:linear-gradient(108deg,rgba(8,30,42,.98),rgba(14,16,38,.98) 61%,rgba(35,19,66,.96)), linear-gradient(110deg,var(--cyan),var(--blue),var(--purple));
  background-origin:border-box;
  background-clip:padding-box,border-box;
  box-shadow:0 5px 20px rgba(65,120,223,.18), 0 0 18px rgba(85,86,227,.13);
}
.link-card--inactive {cursor:not-allowed; opacity:.72;}
.link-card__icon-holder {width:67px; min-width:67px; display:flex; align-items:center; justify-content:center; align-self:stretch; padding-right:16px; border-right:1px solid rgba(153,163,201,.28);}
.link-card__icon {width:50px; height:50px; object-fit:contain; display:block;}
.link-card--featured .link-card__icon{width:59px;height:59px;}
.link-card__copy {flex:1 1 auto; min-width:0; display:flex; flex-direction:column; justify-content:center;}
.link-card__title {font-weight:750; letter-spacing:-.025em; font-size:19px; line-height:1.3;}
.link-card__subtitle {font-size:12.5px; line-height:1.44; font-weight:410; color:var(--muted); margin-top:7px;}
.link-card--featured .link-card__subtitle {color:#D0DAED;}
.link-card__arrow { width:30px; height:30px; min-width:30px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(122,151,234,.64); border-radius:50%; color:#eaf3ff; }
.link-card__arrow svg {width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.link-card--featured .link-card__arrow {border-color:rgba(145,137,253,.9);box-shadow:0 0 13px rgba(118,103,230,.25);}
.footer { width:100%; max-width:var(--content-width); margin:58px auto 0; padding:26px 0 0; border-top:1px solid rgba(114,133,169,.18); color:#ADB5C9; display:flex; align-items:center; justify-content:center; gap:13px; font-size:11.5px; line-height:1.5; position:relative; z-index:1;}
.footer__brand {font-size:19px; font-weight:840; color:#f7f8fd; letter-spacing:-.055em;}
.footer__dot {width:6px; height:6px; background:linear-gradient(120deg,var(--cyan),var(--purple)); border-radius:50%;}
.noscript {position:fixed;bottom:0;left:0;right:0;text-align:center; background:#121729; padding:12px; color:#fff;}
@media(min-width:590px){.bio{margin:25px auto; min-height:calc(100vh - 50px); border:1px solid rgba(68,82,120,.25);border-radius:29px;box-shadow:0 25px 95px rgba(0,0,0,.28);}}
@media(max-width:390px){.bio{padding-left:16px;padding-right:16px}.hero__logo{max-width:300px}.link-card{gap:12px;padding:16px 14px; min-height:96px}.link-card--featured{min-height:134px}.link-card__icon-holder{width:56px;min-width:56px;padding-right:11px}.link-card__icon{width:43px;height:43px}.link-card--featured .link-card__icon{width:50px;height:50px}.link-card__title{font-size:17px}.link-card__subtitle{font-size:11.5px}.link-card__arrow{width:25px;height:25px;min-width:25px}.footer{gap:9px;}}
@media(prefers-reduced-motion:reduce){.link-card{transition:none;}.link-card:hover{transform:none;}}

.no-motion .link-card { transition:none; }
.no-motion .link-card:hover { transform:none; }