@font-face{font-family:BumPlay;src:url(assets/Baloo2-ExtraBold.woff2) format('woff2');font-display:swap;font-weight:800}
.demo-page{--paper:#10121e;--ink:#f7f5ec;--muted:#b8bacc;--line:#363b52;--white:#202335;background:#10121e;color:#f7f5ec}.demo-page .site-header,.demo-page footer{background:#171a29;color:#f7f5ec}.demo-page .site-header a,.demo-page footer a{color:inherit}
.demo-page .site-header .header-contact{background:#ff754e;border-color:#ff987b;color:#211728;box-shadow:0 3px 0 #b83e25;font-weight:800}.demo-page .site-header .header-contact:hover,.demo-page .site-header .header-contact:focus-visible{background:#ff8966;color:#211728}.demo-page .site-header nav a:hover,.demo-page .site-header nav a[aria-current]{color:#ffd04f}.demo-page .mobile-menu-toggle{color:#f7f5ec;border-color:#424963}.demo-page .site-header.nav-ready .site-nav{background:#202335;border-color:#424963;box-shadow:0 14px 40px #0006}.demo-page .site-header.nav-ready .site-nav a:hover,.demo-page .site-header.nav-ready .site-nav a:focus-visible{background:#ffffff0c}.demo-page .site-header.nav-ready .site-nav a[aria-current]{background:#ffd04f12}
.mini-bum{max-width:1160px;margin:0 auto;padding:64px 28px 96px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.mini-intro h1,.mini-board h2,.mini-letters,.mini-hud,.mini-primary{font-family:BumPlay,sans-serif;font-weight:800}.mini-intro h1{font-size:clamp(36px,4.8vw,62px);line-height:1.08;letter-spacing:-1px;margin:20px 0 24px}.mini-intro p{font-size:18px;color:#b8bacc;line-height:1.65}.mini-eyebrow,.mini-kicker{font-size:12px!important;letter-spacing:1.4px;font-weight:800;color:#ffd04f!important}.mini-character{display:flex;align-items:center;gap:22px;margin-top:28px}.mini-character img{width:150px;height:150px;object-fit:contain}.mini-character span{font-family:BumPlay,sans-serif;font-size:24px;line-height:1.35;transform:rotate(-4deg);color:#ffd04f}.mini-privacy{font-size:13px!important;max-width:370px;margin-top:28px}
.mini-board{background:#202335;border:2px solid #363b52;border-radius:34px;padding:30px;box-shadow:0 12px 0 #090b15;min-width:0}.mini-hud{display:flex;justify-content:space-between;gap:8px;font-size:20px;border-bottom:1px solid #373d55;padding-bottom:18px;color:#c5c8d9;margin-bottom:26px}.mini-hud [data-score]{color:#ffd04f}.mini-board h2{font-size:38px;line-height:1.15;margin:18px 0}.mini-board p{color:#bfc3d8;line-height:1.6}.mini-primary{display:block;box-sizing:border-box;width:100%;border:0;border-radius:18px;background:#ff754e;box-shadow:0 6px 0 #b83e25;color:#fff;padding:16px 14px;font-size:21px;text-decoration:none;text-align:center;cursor:pointer;margin:24px 0 12px;line-height:1.3}.mini-primary:disabled{opacity:.5;cursor:wait}.mini-primary:hover{background:#ff8966}.mini-primary:active{transform:translateY(3px);box-shadow:0 3px 0 #b83e25}.mini-primary:focus-visible,.mini-pass:focus-visible,.mini-board input:focus-visible{outline:3px solid #ffd04f;outline-offset:5px}.mini-letters{display:flex;gap:12px;justify-content:center;margin:26px 0}.mini-letters span{display:grid;place-items:center;min-width:76px;height:88px;background:#ffd04f;color:#27222b;border-radius:16px;box-shadow:0 5px 0 #b78424;font-size:48px;transform:rotate(-4deg)}.mini-letters span:nth-child(even){transform:rotate(5deg);background:#9ce7d4;box-shadow:0 5px 0 #4b9e8a}.mini-board .mini-rule{font-family:inherit;font-size:20px;text-align:center;line-height:1.5;min-height:60px}.mini-board label{display:block;font-size:13px;color:#bfc3d8;margin-bottom:8px}.mini-board input{width:100%;box-sizing:border-box;border:2px solid #424963;border-radius:14px;background:#111421;color:#fff;padding:15px;font-size:20px;min-width:0}.mini-pass{background:none;border:0;color:#d2d5e4;display:block;width:100%;padding:14px 4px;font-size:13px;font-weight:700;cursor:pointer}.mini-feedback{min-height:48px;margin:16px 0 0;font-size:14px;color:#ffd04f!important}.mini-board .mini-total{font-size:90px;color:#ffd04f;margin:0;line-height:1.1}.mini-board [hidden]{display:none!important}
@media(max-width:760px){.mini-bum{grid-template-columns:1fr;gap:28px;padding:30px 18px 60px}.mini-intro h1{font-size:40px}.mini-character{display:none}.mini-privacy{margin:14px 0 0!important}.mini-board{padding:24px}.mini-intro p{font-size:16px}.mini-intro h1 br{display:none}}@media(prefers-reduced-motion:reduce){.mini-primary:active{transform:none}}