.cad{--cad-bg:#faf3e3;--cad-surface:#fff;--cad-ink:#2a1a10;--cad-ink-soft:#6e5849;--cad-rule:#ead9c2;--cad-primary:#ed7e3c;--cad-primary-deep:#b8542a;--cad-yolk:#f5b833;--cad-display:"Bricolage Grotesque",system-ui,sans-serif;--cad-body:"Manrope",-apple-system,system-ui,sans-serif;position:relative;display:block;overflow:hidden;text-decoration:none;font-family:var(--cad-body);color:var(--cad-ink);background:radial-gradient(120% 150% at 88% -20%,#ffe6c2 0,rgba(255,230,194,0) 52%),var(--cad-bg);border:1px solid var(--cad-rule);transition:transform .18s ease,box-shadow .18s ease}.cad,.cad *{box-sizing:border-box}.cad *{margin:0;padding:0}.cad:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--cad-rule) 1px,transparent 1.1px);background-size:18px 18px;opacity:.5;-webkit-mask-image:linear-gradient(105deg,#000 0 34%,transparent 62%);mask-image:linear-gradient(105deg,#000 0 34%,transparent 62%)}.cad:hover{transform:translateY(-2px);box-shadow:0 18px 34px -18px rgba(30,18,8,.5)}.cad:hover .cad-cta{background:var(--cad-primary-deep)}.cad:hover .cad-cta svg{transform:translateX(3px)}.cad-coin{width:26px;height:26px;border-radius:999px;flex:0 0 auto;display:block;border:1.5px solid #fff;box-shadow:0 1px 3px rgba(42,26,16,.25)}.cad-brand{font-size:14px;font-weight:800;letter-spacing:.2px;color:var(--cad-ink)}.cad-badge{display:flex;align-items:center;gap:9px;flex:0 0 auto}.cad-cta{display:inline-flex;align-items:center;gap:7px;background:var(--cad-primary);color:#fff;border-radius:999px;font-size:14px;font-weight:800;letter-spacing:.1px;padding:11px 18px;white-space:nowrap;box-shadow:0 6px 14px -6px rgba(184,84,42,.7);transition:background .18s ease}.cad-cta svg{transition:transform .18s ease}.cad-hl{font-style:normal;color:var(--cad-primary-deep);position:relative;white-space:nowrap}.cad-hl:after{content:"";position:absolute;left:-1px;right:-1px;bottom:2px;height:8px;background:var(--cad-yolk);border-radius:5px;z-index:-1;opacity:.85}.cad-panel{pointer-events:none;background:linear-gradient(150deg,var(--cad-primary) 0,var(--cad-primary-deep) 100%);transform:rotate(11deg)}.cad-panel,.cad-panel:after{position:absolute;border-radius:40px}.cad-panel:after{content:"";inset:0;background:radial-gradient(80% 60% at 30% 18%,hsla(0,0%,100%,.2),transparent 60%)}.cad--leaderboard{width:728px;max-width:100%;min-height:92px;height:92px;border-radius:16px}.cad--leaderboard .cad-panel{top:-70px;right:-140px;width:360px;height:300px}.cad--leaderboard .cad-inner{position:relative;z-index:2;height:100%;display:flex;align-items:center;gap:22px;padding:0 22px}.cad--leaderboard .cad-msg{display:flex;flex-direction:column;gap:1px;flex:1 1 auto;min-width:0}.cad--leaderboard .cad-msg h3{font-family:var(--cad-display);font-weight:800;font-size:23px;line-height:1.02;letter-spacing:-.7px;color:var(--cad-ink)}.cad--leaderboard .cad-msg p{font-size:13px;font-weight:600;color:var(--cad-ink-soft)}.cad--leaderboard .cad-msg p b{color:var(--cad-ink);font-weight:800}.cad--leaderboard .cad-cta{flex:0 0 auto}.cad--leaderboard .cad-rule-v{width:1px;align-self:stretch;margin:20px 0;background:var(--cad-rule);flex:0 0 auto}.cad--rectangle{width:300px;max-width:100%;min-height:250px;height:250px;border-radius:20px}.cad--rectangle .cad-panel{top:-90px;right:-110px;width:250px;height:260px}.cad--rectangle .cad-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;padding:20px}.cad--rectangle .cad-msg{margin-top:auto}.cad--rectangle .cad-msg h3{font-family:var(--cad-display);font-weight:800;font-size:29px;line-height:.98;letter-spacing:-1px;color:var(--cad-ink)}.cad--rectangle .cad-msg p{font-size:13px;font-weight:600;color:var(--cad-ink-soft);margin-top:8px;max-width:210px;text-wrap:pretty}.cad--rectangle .cad-msg p b{color:var(--cad-ink);font-weight:800}.cad--rectangle .cad-cta{margin-top:16px;align-self:flex-start}@media (max-width:640px){.cad--leaderboard{width:100%;height:auto;min-height:0;border-radius:16px}.cad--leaderboard .cad-inner{flex-direction:column;align-items:flex-start;gap:14px;padding:18px 20px}.cad--leaderboard .cad-rule-v{display:none}.cad--leaderboard .cad-msg{flex:0 0 auto;gap:4px}.cad--leaderboard .cad-msg h3{font-size:21px}.cad--leaderboard .cad-cta{align-self:stretch;justify-content:center}.cad--leaderboard .cad-panel{top:-90px;right:-90px;width:230px;height:230px}}@media (max-width:340px){.cad--rectangle{width:100%}}