:root{--bg:#080806;--panel:#10100e;--gold:#d9aa48;--gold2:#f0c66e;--line:#6d5323;--text:#f4efe5;--muted:#a9a39a}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
body{background-image:linear-gradient(rgba(6,5,4,.48) 0%,rgba(6,5,4,.6) 30%,rgba(6,5,4,.74) 60%,rgba(6,5,4,.86) 100%),url('assets/bg-slate-warm.webp');background-size:cover;background-position:center top;background-attachment:fixed}
::selection{background:#5a4319;color:var(--gold2)}
.public-page{min-height:100vh}
.public-shell{width:min(100%,520px);margin:auto;padding:30px 22px 44px;text-align:center}

.card-stage{position:relative;perspective:1200px}
.card-stage::after{content:"";position:absolute;left:50%;bottom:2px;width:56%;height:26px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(240,198,110,.3) 0%,transparent 72%);filter:blur(11px);pointer-events:none;z-index:-1}
.card-hero{position:relative;aspect-ratio:1.573/1;touch-action:none}
.card-hero__body{position:relative;width:100%;height:100%;will-change:transform;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.card-hero__body.tilting{transition:transform .08s linear}
@media(prefers-reduced-motion:reduce){.card-hero__body{transition:none}}
.card-hero__img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(0,0,0,.6)) drop-shadow(0 0 24px rgba(213,161,66,.14))}
.card-hero__glare{position:absolute;inset:8%;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,247,225,.28),rgba(255,247,225,.06) 30%,transparent 55%);mix-blend-mode:overlay;border-radius:50%}
.card-hero__body.tilting .card-hero__glare{opacity:1}
@media(prefers-reduced-motion:reduce){.card-hero__glare{display:none}}

h1{font-family:Georgia,serif;font-weight:500;color:#e9bd69;font-size:27px;margin:22px 0 3px;letter-spacing:.01em}
.subtitle{margin:0 0 26px;color:#b99c68;font-size:11px;letter-spacing:.14em}

.number-box{padding:0;text-align:left}
.number-box+.number-box{margin-top:9px}
.label{display:block;color:#c6a76c;font-size:10.5px;letter-spacing:.14em;margin-bottom:7px;padding-left:4px}

.ring{position:relative;background:rgba(13,12,10,.46);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);box-shadow:0 10px 20px -12px rgba(0,0,0,.6),inset 0 1.5px 0 rgba(255,241,210,.26),inset 0 -14px 20px -14px rgba(0,0,0,.55),inset 0 0 26px -8px rgba(217,170,72,.15),0 0 0 0 rgba(217,170,72,0);animation:ringBreathe 4.5s ease-in-out infinite}
.ring::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.3px;background:linear-gradient(115deg,#fff6e0 0%,#f6dfa0 12%,#d9aa48 26%,#8a642a 40%,#5f4419 50%,#8a642a 60%,#d9aa48 74%,#f6dfa0 88%,#fff6e0 100%);background-size:240% 240%;animation:ringShimmer 7s ease-in-out infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
@keyframes ringShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes ringBreathe{0%,100%{box-shadow:0 10px 20px -12px rgba(0,0,0,.6),inset 0 1.5px 0 rgba(255,241,210,.26),inset 0 -14px 20px -14px rgba(0,0,0,.55),inset 0 0 26px -8px rgba(217,170,72,.15),0 0 0 0 rgba(217,170,72,0)}50%{box-shadow:0 10px 20px -12px rgba(0,0,0,.6),inset 0 1.5px 0 rgba(255,241,210,.32),inset 0 -14px 20px -14px rgba(0,0,0,.55),inset 0 0 30px -6px rgba(217,170,72,.3),0 0 16px 1px rgba(217,170,72,.22)}}
@media(prefers-reduced-motion:reduce){.ring::after,.ring{animation:none}}

.number-btn{position:relative;width:100%;border-radius:999px;color:#f0c66e;padding:7px 40px 7px 40px;display:flex;align-items:center;justify-content:center;font-size:15.5px;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-align:center;cursor:pointer;transition:transform .12s ease,box-shadow .15s ease}
.number-btn:hover{box-shadow:0 12px 22px -12px rgba(0,0,0,.65),inset 0 1.5px 0 rgba(255,241,210,.32),inset 0 -14px 20px -14px rgba(0,0,0,.55),inset 0 0 26px -8px rgba(217,170,72,.15)}
.number-btn:active{transform:translateY(1px)}
.number-btn .icon-badge{position:absolute;right:6px;top:50%;transform:translateY(-50%)}

.primary-btn,.secondary-btn{position:relative;width:100%;border-radius:999px;margin-top:8px;padding:9px 40px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:transform .12s ease,box-shadow .15s ease;color:#f0dcae}
.primary-btn:active,.secondary-btn:active{transform:translateY(1px)}
.primary-btn .icon-badge,.secondary-btn .icon-badge{position:absolute;left:6px;top:50%;transform:translateY(-50%)}
.btn-copy{min-width:0}
.btn-copy b{display:block;font-size:13px;font-weight:600;letter-spacing:.005em}
.btn-copy small{display:block;margin-top:1px;font-size:9.5px;opacity:.7}

.icon-badge{position:relative;flex:none;width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(11,10,8,.55);box-shadow:inset 0 1px 0 rgba(255,241,210,.22)}
.icon-badge::after{content:"";position:absolute;inset:0;border-radius:50%;padding:1.3px;background:linear-gradient(115deg,#fff6e0 0%,#f6dfa0 15%,#d9aa48 32%,#8a642a 50%,#d9aa48 68%,#f6dfa0 85%,#fff6e0 100%);background-size:240% 240%;animation:ringShimmer 7s ease-in-out infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.icon-badge::before{content:"";position:absolute;left:20%;top:18%;width:4.5px;height:4.5px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.85),transparent 70%);opacity:.75;z-index:1}
@media(prefers-reduced-motion:reduce){.icon-badge::after{animation:none}}

.icon{position:relative;width:17px;height:17px;flex:none;display:inline-block}
.icon-copy::before,.icon-copy::after{content:"";position:absolute;width:8.5px;height:10px;border:1.3px solid var(--gold2);border-radius:2.5px}
.icon-copy::before{left:0;top:0;background:#0c0b09}
.icon-copy::after{right:0;bottom:0;background:#0c0b09}
.primary-btn .icon-chevron{position:absolute;right:16px;top:50%;width:8px;height:8px;transform:translateY(-50%);flex:none}
.primary-btn .icon-chevron::before{content:"";position:absolute;inset:0;border-top:1.8px solid #f4dfa0;border-right:1.8px solid #f4dfa0;transform:rotate(45deg)}
.icon-sbp{width:17px;height:17px;border-radius:50%;background-image:url('assets/icon-sbp-gold.png');background-size:cover;background-position:center;box-shadow:0 0 0 1px rgba(255,241,210,.2) inset}
.icon-share::before{content:"";position:absolute;left:2px;top:5px;width:12px;height:9px;clip-path:polygon(0 50%,100% 0,70% 50%,100% 100%);background:var(--gold2)}

.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#17140e;border:1px solid #8b6829;color:#f6dfaa;padding:12px 16px;border-radius:13px;box-shadow:0 12px 35px rgba(0,0,0,.45);font-size:13px;z-index:10}

@media(min-width:700px){.public-shell{padding-top:46px}.number-btn{font-size:25px}}