@font-face{font-family:Barlow;src:url(/brand/fonts/barlow-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url(/brand/fonts/barlow-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--bg:#081820;--sf:#0F222A;--ln:#21404A;--tx:#F3F6F5;--mu:#AEBDC1;--ac:#2FD69A}
*{box-sizing:border-box;margin:0}
html,body{background:var(--bg)}
body{color:var(--tx);font-family:Barlow,system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column}
header{display:flex;align-items:center;padding:20px 28px;border-bottom:1px solid var(--ln)}
header img{height:30px;width:auto;display:block}
main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}
.card{background:var(--sf);border:1px solid var(--ln);border-radius:6px;padding:44px 40px;max-width:520px;width:100%;text-align:center}
.lbl{font-size:12px;letter-spacing:.18em;font-weight:700;color:var(--ac);text-transform:uppercase}
.ballbox{height:120px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;margin-top:6px}
.ball{width:72px;height:72px;display:block;object-fit:contain;animation:drop 1.2s cubic-bezier(.33,0,.67,1) infinite;transform-origin:50% 100%}
.sh{width:56px;height:11px;margin-top:-6px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.55),rgba(0,0,0,0) 70%);animation:shade 1.2s cubic-bezier(.33,0,.67,1) infinite}
@keyframes drop{0%,100%{transform:translateY(-40px) scale(1)}46%{transform:translateY(0) scale(1)}50%{transform:translateY(0) scale(1.08,.9)}54%{transform:translateY(-2px) scale(1)}}
@keyframes shade{0%,100%{transform:scale(.6);opacity:.5}46%,54%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:1}}
@media (prefers-reduced-motion:reduce){.ball,.sh{animation:none}}
h1{font-size:44px;font-weight:700;margin-top:18px;line-height:1.05}
p{color:var(--mu);font-size:17px;margin-top:12px;line-height:1.45}
.tag{margin-top:26px;font-size:15px;font-weight:700}
footer{display:flex;justify-content:space-between;padding:18px 28px;border-top:1px solid var(--ln);color:var(--mu);font-size:13px}
@media(max-width:600px){header{padding:16px}.card{padding:34px 22px}h1{font-size:36px}footer{flex-direction:column;gap:6px;text-align:center;padding:16px}}