@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero .logo{animation:fl 4s ease-in-out infinite;filter:drop-shadow(0 12px 24px var(--sh))}
.card{transition:transform .2s,box-shadow .2s,border-color .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 10px 0 var(--sh);border-color:var(--g)}
.btn{transition:transform .15s}.btn:hover{transform:translateY(-2px)}
.plus{animation:up .5s both}
.ptabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 22px}
.ptabs button{background:var(--card);color:var(--tx);border:3px solid var(--line);padding:6px 14px;cursor:pointer;font:inherit;font-weight:700}
.ptabs button.on{border-color:var(--g);color:var(--lk)}
.pod{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end;max-width:760px;margin:0 auto}
.pod .pl{text-align:center;padding:18px 10px}
.pod .pl img{width:64px;height:64px;image-rendering:pixelated;border:3px solid var(--line)}
.pod .pl b{display:block;margin-top:8px;word-break:break-all}
.pod .pl .v{color:var(--lk);font-weight:900;font-size:20px}
.pod .p1{padding-top:34px;padding-bottom:34px;border-color:var(--yel)}
.pod .p1 img{width:84px;height:84px;border-color:var(--yel)}
.pod .rk{font-size:28px}
.team{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.team .m{display:flex;gap:10px;align-items:center;padding:12px}
.team .m img{width:44px;height:44px;image-rendering:pixelated}
.team .r{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:560px){.pod{grid-template-columns:1fr}}