*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%;background:#fff}
body{min-height:100svh;font-family:Inter,system-ui,sans-serif;color:#111b4d;overflow-x:hidden;position:relative}
.bio-shell{min-height:100svh;display:grid;place-items:center;padding:28px 18px;position:relative;z-index:2}
.profile-card{width:min(100%,520px);text-align:center;animation:enter .65s cubic-bezier(.2,.8,.2,1) both}
.logo-wrap{width:142px;height:142px;margin:0 auto 14px;display:grid;place-items:center;animation:logoFloat 4.5s ease-in-out infinite}
.logo-wrap img{width:100%;height:100%;object-fit:contain}
h1{font-size:clamp(25px,7vw,34px);line-height:1.08;letter-spacing:-.035em;font-weight:800;color:#10194e}
.subtitle{margin:7px auto 24px;color:#737b9b;font-size:13px;font-weight:500}
.links{display:grid;gap:13px}
.bio-link{position:relative;display:grid;grid-template-columns:52px 1fr 30px;align-items:center;gap:13px;padding:12px 14px;text-align:left;color:#111b4d;text-decoration:none;border-radius:20px;background:#fff;border:1px solid #e1e5f1;box-shadow:0 10px 28px rgba(20,31,91,.08);overflow:hidden;transition:box-shadow .25s ease,border-color .25s ease;animation:cardMove 4.4s ease-in-out infinite;will-change:transform}
.bio-link:nth-child(2){animation-delay:-1.1s}.bio-link:nth-child(3){animation-delay:-2.2s}.bio-link:nth-child(4){animation-delay:-3.3s}
.bio-link:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,rgba(55,73,210,.07) 50%,transparent 75%);transform:translateX(-130%);animation:shine 5.5s ease-in-out infinite}
.bio-link:nth-child(2):before{animation-delay:-1.4s}.bio-link:nth-child(3):before{animation-delay:-2.8s}.bio-link:nth-child(4):before{animation-delay:-4.2s}
.bio-link:hover,.bio-link:active{border-color:#bfc7ef;box-shadow:0 15px 35px rgba(20,31,91,.13)}
.icon-box{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#f7f8ff;border:1px solid #e8eaf5;overflow:hidden;animation:iconFloat 3.2s ease-in-out infinite}
.icon-box img{width:26px;height:26px;object-fit:contain}.site-icon{padding:4px;background:#fff}.site-icon img{width:100%;height:100%;object-fit:contain}.agenda-icon{padding:5px;background:#fff}.agenda-icon img{width:100%;height:100%;object-fit:contain}
.link-copy{min-width:0}.link-copy strong{display:block;font-size:14px;font-weight:800;color:#111b4d}.link-copy small{display:block;margin-top:4px;color:#737b9b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arrow{font-size:21px;color:#3343c9;text-align:center}
.bg-orb{position:fixed;border-radius:50%;filter:blur(90px);opacity:.08;pointer-events:none;animation:drift 9s ease-in-out infinite alternate}.orb-one{width:270px;height:270px;background:#3349ff;top:-100px;right:-90px}.orb-two{width:240px;height:240px;background:#5368ff;bottom:-110px;left:-90px;animation-delay:-3s}.grid-glow{position:fixed;inset:0;opacity:.28;background-image:radial-gradient(#dfe3f3 .8px,transparent .8px);background-size:25px 25px;mask-image:linear-gradient(to bottom,black,transparent 82%);pointer-events:none}
@keyframes enter{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes logoFloat{50%{transform:translateY(-6px)}}@keyframes cardMove{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-5px) translateX(2px)}}@keyframes iconFloat{50%{transform:translateY(-3px)}}@keyframes shine{0%,55%{transform:translateX(-130%)}80%,100%{transform:translateX(130%)}}@keyframes drift{to{transform:translate(30px,22px) scale(1.1)}}
@media(max-width:520px){.bio-shell{padding:22px 17px}.logo-wrap{width:128px;height:128px}.bio-link{grid-template-columns:50px 1fr 28px;padding:11px 12px}.icon-box{width:50px;height:50px}}
@media(max-height:690px){.bio-shell{padding-top:14px;padding-bottom:14px}.logo-wrap{width:105px;height:105px;margin-bottom:8px}.subtitle{margin-bottom:14px}.links{gap:9px}.bio-link{padding-top:8px;padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
