@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800;900&display=swap');
:root{--g:#0F1B2D;--g2:#172844;--g3:#1E3358;--paper:#F7F3EA;--ink:#0F1B2D;--gold:#F26B3A;--gold2:#C9502A;--teal:#6AC2BA;--blue:#0E4194;--soft:#FDE6DA;
 --c0:#D64545;--c1:#0E4194;--c2:#E8B020;--c3:#2E9E5B;--c0d:#A83232;--c1d:#082C66;--c2d:#B5860F;--c3d:#1F7442;--ok:#2E9E5B;--no:#D64545}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--paper);-webkit-tap-highlight-color:transparent;
 background:radial-gradient(110% 80% at 90% -10%,#1B3A6E 0%,transparent 55%),radial-gradient(90% 70% at -10% 110%,#3A2230 0%,transparent 50%),var(--g);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.06;
 background-image:radial-gradient(#F7F3EA 1px,transparent 1.2px);background-size:22px 22px}
.serif{font-family:Montserrat,system-ui,sans-serif;font-weight:800;letter-spacing:-.02em}
.gold{color:var(--gold)}
.opt0{background:var(--c0);--d:var(--c0d)}.opt1{background:var(--c1);--d:var(--c1d)}.opt2{background:var(--c2);--d:var(--c2d)}.opt3{background:var(--c3);--d:var(--c3d)}
.shape{display:inline-flex;align-items:center;justify-content:center;flex:none}
.shape svg{width:100%;height:100%;fill:#fff;filter:drop-shadow(0 2px 0 rgba(0,0,0,.18))}
.btn{background:linear-gradient(180deg,#F5875D,var(--gold));color:#fff;border:0;border-radius:14px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 4px 0 var(--gold2)}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--gold2)}
.hide{display:none!important}
.ring{position:relative;display:inline-grid;place-items:center}
.ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.ring .bg{fill:none;stroke:rgba(255,255,255,.12)}
.ring .fg{fill:none;stroke:var(--gold);stroke-linecap:round;transition:stroke .3s}
.ring.low .fg{stroke:var(--c0)}.ring.low b{color:#FF9C8A;animation:beat 1s infinite}
.ring b{position:relative;font-variant-numeric:tabular-nums;font-weight:700}
@keyframes beat{50%{transform:scale(1.12)}}
@keyframes pop{from{transform:scale(.6);opacity:0}}
@keyframes up{from{transform:translateY(24px);opacity:0}}
@keyframes rise{from{transform:scaleY(0)}}
@keyframes fade{from{opacity:0}}

.brand{display:inline-flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:7px 16px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.brand img{display:block;width:auto}.brand .x{color:#9AA3AE;font-weight:600}
.sig{font-size:12px;letter-spacing:.06em;opacity:.7}.sig b{color:var(--paper);font-weight:700}
.tag-teste{display:inline-flex;align-items:center;gap:6px;background:var(--teal);color:var(--ink);font-weight:800;border-radius:999px;text-transform:uppercase;letter-spacing:.12em}
@keyframes zoom{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}