html,body {height:100%;margin:0}
* {box-sizing:border-box}
body {background:#0b0c10;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}
main {height:100%}
#logoMover {will-change:transform;animation:presenceDrift 10s ease-in-out infinite;transform:translate3d(0,0,0)}
@media(prefers-reduced-motion:reduce) {#logoMover {animation:none}}
section {height:100%;display:flex;flex-direction:column;align-items:center}
section>div:first-child {flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;width:100%!important}
#logoShell {max-width:300px;width:60vw;height:240px;max-height:60vw;display:flex;align-items:center;justify-content:center}
#logoMover {width:100%;height:100%;display:flex;align-items:center;justify-content:center}
#logoShell img {width:100%;height:100%;object-fit:contain;font-size:0px}
#logoShell {touch-action:none}
nav[aria-label="Links"] ul {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;align-items:center;width:100%;margin:auto;padding:0 24px;}
nav[aria-label="Links"] ul li {margin:0;padding:0;text-align:center;}
nav[aria-label="Links"] ul a {text-decoration:none;font-size:14px;word-break:break-all;text-align:center;}
nav[aria-label="Links"] ul a:hover {text-decoration:underline}
section > div:last-child {width:100%;padding:30px;font-size:12px;display:flex;justify-content:space-between;align-items:center}
a {text-decoration:none}
a:hover {text-decoration:underline}
#plusBtn {cursor:pointer;padding:12px;}
@keyframes presenceDrift {
  0%   { transform: scale(1); }
  25%  { transform: scale(1.015); }
  50%  { transform: scale(0.99); }
  75%  { transform: scale(1.01); }
  100% { transform: scale(1); }
}