:root{color-scheme:dark;--navy:#061226;--navy-soft:#0b1b31;--gold:#d5a62e;--gold-bright:#edbc3b;--white:#fff;--muted:#adb8c7;--font:'Montserrat',Arial,sans-serif}
*{box-sizing:border-box}
html{min-width:320px;min-height:100%;background:var(--navy)}
body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(ellipse at 50% 8%,#102344 0,#08172c 32%,var(--navy) 72%);color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased}
a{color:inherit}
.profile-page{width:min(100% - 32px,560px);margin-inline:auto;padding:34px 0 30px}
.svg-filter-defs{position:absolute;width:0;height:0;overflow:hidden}
.profile-header{display:flex;flex-direction:column;align-items:center;text-align:center}
.brand-mark{display:grid;width:98px;height:98px;place-items:center;border:3px solid #fff;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #ffffff30;transition:transform .2s ease}
.brand-mark:hover{transform:translateY(-2px)}
.brand-mark img{display:block;width:92px;height:92px;object-fit:cover;border-radius:50%}
h1{margin:17px 0 0;font-size:clamp(32px,8vw,44px);font-weight:800;line-height:1.12;letter-spacing:-.045em}
.profile-note{margin:9px 0 0;color:#d4d9e1;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.quick-links{display:flex;align-items:center;justify-content:center;gap:23px;margin:24px 0 28px}
.quick-links a{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--gold);color:var(--navy);transition:filter .18s,transform .18s}
.quick-links a:hover{filter:brightness(1.08);transform:translateY(-2px)}
.quick-links img{display:block;width:32px;height:32px;object-fit:contain}
.zalo-brand-icon{filter:url(#alphaq-zalo-brand)}
.quick-links svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.quick-links a:first-child svg,.telegram-avatar svg{fill:currentColor;stroke:none}
.link-list{display:grid;gap:13px}
.link-card{position:relative;display:flex;min-height:76px;align-items:center;gap:13px;overflow:hidden;padding:11px 17px 11px 14px;border:2px solid var(--gold);border-radius:999px;background:linear-gradient(110deg,#fff 0%,#fffefa 100%);box-shadow:0 7px 0 #aab1ba,0 12px 24px #00000022;color:#b58823;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.link-card:hover{transform:translateY(-2px);border-color:var(--gold-bright);box-shadow:0 9px 0 #aab1ba,0 16px 28px #00000030}
.link-card:active{transform:translateY(3px);box-shadow:0 3px 0 #aab1ba,0 6px 14px #00000020}
.link-card:focus-visible,.quick-links a:focus-visible,.profile-footer a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.card-avatar{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;overflow:hidden;border-radius:50%;background:#f8f5ed}
.card-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.card-avatar.founder-avatar img{transform:scale(1.5);transform-origin:center 36%}
.card-avatar.initials{border:1px solid #f2dfb0;background:#f8edcd;color:#173452;font-size:13px;font-weight:800;letter-spacing:-.04em}
.card-avatar.mascot{background:#f9f7f0}
.card-avatar.mascot img{width:42px;height:42px;object-fit:contain}
.card-copy{display:grid;min-width:0;gap:3px;flex:1;text-align:left}
.card-copy strong{overflow:hidden;color:#b58823;font-size:14px;font-weight:600;line-height:1.35;text-overflow:ellipsis}
.card-copy small{overflow:hidden;color:#85724b;font-size:11px;font-weight:500;line-height:1.4;text-overflow:ellipsis}
.card-arrow{flex:0 0 auto;margin-left:5px;color:#d7ae49;font-size:18px;line-height:1}
.telegram-card{margin-top:3px}
.telegram-avatar{background:var(--gold);color:var(--navy)}
.telegram-avatar svg{width:23px;height:23px}
.zalo-avatar{background:var(--gold);color:var(--navy)}
.profile-footer{display:flex;justify-content:center;gap:12px;margin-top:34px;color:#8d9bad;font-size:10px;letter-spacing:.04em}
.profile-footer a{color:#b9c4d0;font-weight:700;text-decoration:none}
.profile-footer a:hover{color:var(--gold-bright)}
@media(max-width:480px){
  .profile-page{width:min(100% - 28px,560px);padding-top:28px}
  .brand-mark{width:84px;height:84px}
  .brand-mark img{width:78px;height:78px}
  h1{margin-top:15px}
  .quick-links{margin:21px 0 24px}
  .link-list{gap:12px}
  .link-card{min-height:72px;gap:11px;padding:9px 13px 9px 11px}
  .card-avatar{width:42px;height:42px;flex-basis:42px}
  .card-avatar.mascot img{width:39px;height:39px}
  .card-copy strong{font-size:12px}
  .card-copy small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}