.hoc-key-home{--bg:#fff;--surface:#f7f6f1;--ink:#141628;--ink-2:#3c4059;--ink-3:#787b96;--gold:#ffc220;--gold-2:#ffd24d;--gold-deep:#a9700a;--amber:#ff9e2c;--line:#eceae1;--green:#12a150;--green-s:#e4f6ec;--red:#ef4444;--red-s:#fdecec;--grad-gold:linear-gradient(135deg, #ffd24d 0%, #ffb61c 52%, #ff9e2c 100%);--shadow-sm:0 1px 2px #14162a0d;--shadow:0 14px 34px -14px #14162a33;--shadow-lg:0 46px 90px -30px #14162a66;--display:var(--font-heading), "Montserrat", "Be Vietnam Pro", system-ui, sans-serif;--body:var(--font-sans), "Be Vietnam Pro", system-ui, sans-serif;background:var(--bg);color:var(--ink-2);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:16px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1)}}@keyframes blink{50%{opacity:0}}@keyframes bl{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.hoc-key-home .count{font-variant-numeric:tabular-nums}.hoc-key-home .lock{z-index:30;-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#14162a66;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:opacity .4s;display:flex;position:absolute;inset:0}.hoc-key-home .lock.show{opacity:1;pointer-events:auto}.hoc-key-home .lock svg{width:44px;height:44px}.hoc-key-home .shackle{transform-origin:15px 23px;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.hoc-key-home .lock.open .shackle{transform:translateY(-4px)rotate(-15deg)}.hoc-key-home .lock .txt{font-family:var(--display);color:#ffc220;text-shadow:0 2px 8px #00000080;opacity:0;font-size:16px;font-weight:800;transition:all .4s .2s;transform:translateY(10px)}.hoc-key-home .lock.open .txt{opacity:1;transform:none}.hoc-key-home .spark{opacity:0;background:#fff;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #ffc220,0 0 12px #ffc220}.hoc-key-home .lock.open .spark{animation:.6s .15s forwards sparkle}@keyframes sparkle{0%{opacity:0;transform:translate(0)scale(0)}50%{opacity:1;transform:translate(var(--dx), var(--dy)) scale(1)}to{opacity:0;transform:translate(calc(var(--dx) * 1.5), calc(var(--dy) * 1.5)) scale(0)}}@media (prefers-reduced-motion:reduce){.hoc-key-home *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}