:root { --green:#073d2c; --green2:#126243; --yellow:#f0c927; --blue:#123d70; --white:#fff; --ink:#10241c; }
* { box-sizing:border-box; }
html { min-height:100%; }
body { min-height:100vh; margin:0; padding:42px 18px; display:grid; place-items:center; overflow-x:hidden; color:white; background:var(--green); font-family:"DM Sans",sans-serif; }
.links-bg { position:fixed; inset:0; overflow:hidden; pointer-events:none; background:linear-gradient(145deg,#052f23 0%,#0d6745 58%,#083627 100%); }
.links-bg::before { content:""; position:absolute; width:90vmax; height:90vmax; top:-58vmax; left:-22vmax; border:10vmax solid rgba(240,201,39,.96); border-radius:50%; transform:rotate(-15deg); }
.links-bg::after { content:""; position:absolute; width:54vmax; height:54vmax; right:-29vmax; bottom:-25vmax; border:8vmax solid rgba(18,61,112,.96); border-radius:50%; }
.links-bg span { position:absolute; width:280px; height:280px; top:12%; right:-110px; background:rgba(240,201,39,.13); transform:rotate(45deg); }
.links-bg i { position:absolute; width:14px; height:150%; top:-20%; left:16%; background:rgba(255,255,255,.05); transform:rotate(24deg); }
.links-bg b { position:absolute; width:14px; height:150%; top:-20%; right:20%; background:rgba(255,255,255,.04); transform:rotate(24deg); }
.links-card { position:relative; width:min(100%,470px); padding:38px 26px 22px; border:1px solid rgba(255,255,255,.18); border-radius:34px; background:rgba(5,36,26,.6); box-shadow:0 30px 90px rgba(0,20,12,.42); backdrop-filter:blur(18px); }
.links-brand { text-align:center; }.logo-ring { width:102px; height:102px; margin:0 auto 14px; display:grid; place-items:center; border:2px solid var(--yellow); border-radius:50%; background:white; box-shadow:0 0 0 7px rgba(240,201,39,.12); }.logo-ring img { width:86px; height:86px; object-fit:contain; }.handle { margin:0 0 12px; color:#d8e8df; font-size:.78rem; font-weight:700; letter-spacing:.08em; }.links-brand h1 { margin:0 0 13px; font-family:"Manrope",sans-serif; font-size:clamp(2.3rem,10vw,3.35rem); line-height:.94; letter-spacing:-.06em; }.intro { max-width:355px; margin:0 auto 28px; color:#c5d9ce; font-size:.92rem; line-height:1.5; }
.bio-links { display:grid; gap:11px; }.bio-link { min-height:72px; display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; padding:10px 15px 10px 10px; border:1px solid rgba(255,255,255,.14); border-radius:18px; color:var(--ink); background:white; text-decoration:none; box-shadow:0 6px 22px rgba(0,22,13,.14); transition:transform .18s ease,box-shadow .18s ease; }.bio-link:hover { transform:translateY(-2px); box-shadow:0 10px 28px rgba(0,22,13,.23); }.bio-link.featured { background:var(--yellow); }.link-icon { position:relative; width:48px; min-width:48px; max-width:48px; height:48px; min-height:48px; max-height:48px; display:grid; place-items:center; overflow:hidden; contain:layout paint; border-radius:14px; color:white; background:var(--green); font-size:1.2rem; }.brand-icon img { width:40px; height:40px; object-fit:contain; }.assistant-icon img { position:absolute; inset:0; display:block; width:48px; max-width:48px; height:48px; max-height:48px; object-fit:cover; object-position:50% 30%; }.social-icon svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.8; }.social-icon .icon-dot { fill:currentColor; stroke:none; }.bio-link > span:nth-child(2) { font-size:.92rem; font-weight:800; line-height:1.2; }.bio-link small { display:block; margin-bottom:3px; color:#62736a; font-size:.66rem; font-weight:600; }.bio-link strong { font-size:1.1rem; }
.bio-highlight { min-height:164px; margin-top:18px; display:grid; grid-template-columns:145px 1fr; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:20px; background:var(--blue); }.bio-highlight img { width:145px; height:100%; object-fit:cover; }.bio-highlight div { padding:20px 16px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }.bio-highlight span { color:var(--yellow); font-size:.64rem; font-weight:800; letter-spacing:.12em; }.bio-highlight strong { margin:4px 0 12px; font-family:"Manrope",sans-serif; font-size:1.04rem; line-height:1.15; }.bio-highlight a { padding-bottom:2px; border-bottom:1px solid var(--yellow); color:white; font-size:.7rem; font-weight:700; text-decoration:none; }
footer { display:flex; justify-content:space-between; gap:15px; margin-top:25px; color:#aec7ba; font-size:.65rem; } footer span:first-child { color:white; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
@media (max-width:430px) { body { padding:0; align-items:start; }.links-card { min-height:100vh; padding:28px 16px 20px; border:0; border-radius:0; }.logo-ring { width:88px; height:88px; }.logo-ring img { width:74px; height:74px; }.intro { margin-bottom:22px; }.bio-link { min-height:68px; }.bio-highlight { grid-template-columns:125px 1fr; }.bio-highlight img { width:125px; } }
@media (prefers-reduced-motion:reduce) { * { transition-duration:.01ms!important; } }