*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Ubuntu,system-ui,sans-serif;color:#fff;background:#111;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}.bg{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);z-index:0}.bg-panel{height:100%;background-size:cover;background-position:center}.bg-left{background-color:#d9a7b0;background-image:url(/assets/photo_6019601260866114104_y-DrQymYEj.jpg)}.bg-middle{background-color:#8fb3c9;background-image:url(/assets/photo_6019601260866114105_y-DDsC3h4L.jpg)}.bg-right{background-color:#b9c99a;background-image:url(/assets/photo_6019601260866114106_x-DR4gmU6H.jpg);background-position:center top}.nav{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;height:min(110px,11vh);flex-shrink:0}.nav-link{font-size:clamp(22px,3.2vh,32px);font-weight:700;color:#fff;text-decoration:none;padding-bottom:4px;text-shadow:0 2px 8px rgba(0,0,0,.35);border-bottom:3px solid transparent}.nav-link.active{border-bottom-color:#fff}.card{position:relative;z-index:1;width:min(720px,calc(100% - 32px),80vh);max-height:calc(97vh - min(110px,11vh));margin-bottom:3vh;padding:4vh;border-radius:32px;overflow:hidden;text-align:center;background:linear-gradient(180deg,#8a1a5e,#5e1046 45%,#420a33);box-shadow:0 20px 60px #00000059}.stars{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.card>*:not(.stars){position:relative}.avatar{width:min(195px,19vh);height:min(195px,19vh);margin:0 auto;border-radius:50%;border:3px solid rgba(255,255,255,.35);background-color:#e3b04b;background-image:url(/assets/photo_6017037470333079438_w-B0f_NYB_.jpg);background-size:cover;background-position:center}.name{margin-top:2.6vh;font-size:min(44px,4.6vh);font-weight:700;letter-spacing:-.5px}.bio{font-size:min(24px,2.5vh);margin-top:2vh;color:#f8eef4}.bio+.bio{margin-top:1vh}.links{display:flex;flex-direction:column;gap:min(18px,1.8vh);margin-top:2.6vh}.link-btn{display:flex;align-items:center;justify-content:center;gap:16px;height:min(70px,7.2vh);padding:0 20px;border-radius:20px;background:#383452;color:#fff;font-size:min(25px,2.6vh);font-weight:500;text-decoration:none;transition:transform .15s ease,background .15s ease}.link-btn:hover{transform:translateY(-2px);background:#423d60}.link-btn.featured{border:2px solid rgba(255,255,255,.9);box-shadow:0 0 14px #ffffff73,inset 0 0 10px #ffffff14;animation:bounce 5s ease-in-out 1.5s infinite}.link-btn.featured:hover{animation-play-state:paused}@keyframes bounce{0%{transform:translateY(0) scale(1)}3%{transform:translateY(0) scale(1.04,.94)}7%{transform:translateY(-14px) scale(.98,1.03)}11%{transform:translateY(0) scale(1.03,.96)}14%{transform:translateY(-6px) scale(1)}17%{transform:translateY(0) scale(1.01,.99)}19%,to{transform:translateY(0) scale(1)}}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon svg{width:min(30px,3.2vh);height:min(30px,3.2vh)}.icon.snap{width:min(34px,3.6vh);height:min(34px,3.6vh);border-radius:8px;background:#fffc00}.icon.snap svg{width:70%;height:70%}@media(max-width:700px){.bg{grid-template-columns:1fr}.bg-left,.bg-right{display:none}.card{width:calc(100% - 32px);padding:3.5vh 18px;border-radius:26px}.link-btn{font-size:min(18px,2.4vh);gap:12px}}
