:root{--bg:#16141c;--bg2:#1e1b26;--card:#221f2c;--line:#34303f;--text:#f1eff6;--soft:#b9b5c4;--gray:#8f8a9c;--purple:#8a5cf6;--purple2:#a98bff;--gold:#e8bd54;--pink:#ff8fb8}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;color:var(--text);
  background:radial-gradient(900px 500px at 85% -10%,#2a2140 0%,transparent 60%),radial-gradient(700px 420px at -15% 40%,#2a1e2c 0%,transparent 55%),var(--bg);
  font:16px/1.45 ui-rounded,"SF Pro Rounded","Nunito","Segoe UI",system-ui,-apple-system,Roboto,sans-serif}
.wrap{width:100%;max-width:560px;margin:0 auto;padding:2.6rem 1.1rem 1.5rem;flex:1}
.profile{text-align:center;margin-bottom:1.6rem}
.avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;display:block;margin:0 auto .9rem;background:#efedf4;
  border:4px solid var(--gold);box-shadow:0 0 0 4px var(--purple),0 14px 40px -12px rgba(138,92,246,.7)}
h1{margin:0;font-size:2.1rem;letter-spacing:-.01em;line-height:1.1}
h1::after{content:"";display:block;width:54px;height:5px;border-radius:5px;background:var(--pink);margin:.6rem auto 0}
.tagline{margin:.6rem 0 0;color:var(--soft);font-size:.98rem}
.links{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}
.link{display:flex;align-items:center;gap:.9rem;min-height:4.6rem;padding:.85rem 1rem;border-radius:22px;text-decoration:none;color:var(--text);
  background:linear-gradient(180deg,var(--card),#1c1925);border:1.5px solid var(--line);box-shadow:0 10px 26px -18px #000;
  transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}
.link:hover{transform:translateY(-2px);border-color:var(--purple);box-shadow:0 14px 30px -16px rgba(138,92,246,.65)}
.link:active{transform:translateY(0) scale(.99)}
.link:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-color:var(--purple)}
.link.featured{background:linear-gradient(135deg,rgba(138,92,246,.32),rgba(111,63,232,.18) 60%,rgba(232,189,84,.1));border-color:rgba(138,92,246,.7)}
.ico{flex:none;width:2.8rem;height:2.8rem;border-radius:16px;display:grid;place-items:center;font-size:1.45rem;background:var(--bg2);border:1px solid var(--line)}
.ico.x{color:var(--text)}
.featured .ico{background:var(--purple);border-color:transparent}
.txt{flex:1;min-width:0;display:grid;gap:.1rem}
.title{font-weight:800;font-size:1.06rem}
.subtitle{color:var(--soft);font-size:.88rem}
.arrow{flex:none;color:var(--gold);font-weight:900;font-size:1.15rem;transition:transform .15s}
.link:hover .arrow,.link:focus-visible .arrow{transform:translateX(3px)}
.sponsor{text-align:center;margin:1.6rem 0 0;color:var(--soft);font-size:.9rem}
.sponsor strong{color:var(--gold);letter-spacing:.04em}
.foot{text-align:center;color:var(--gray);font-size:.78rem;padding:1rem 1rem 1.8rem}
@media (min-width:700px){.wrap{padding-top:4rem}.avatar{width:136px;height:136px}h1{font-size:2.4rem}}
@media (prefers-reduced-motion:reduce){.link,.arrow{transition:none}}
.ico.tt{color:var(--text)}