*{box-sizing:border-box}
:root{--bg:#f1ede5;--dark:#0d1008;--dark2:#11150c;--green:#1f5a45;--gold:#d59a00;--gold2:#f2bd30;--cream:#f6f1e5;--muted:#8e7f67;--line:#d9c9a7}
html{scroll-behavior:smooth}
body{margin:0;background:#f3efe8;color:#1d1b16;font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}
.page{width:min(100%,500px);margin:0 auto;min-height:100vh;background:#f8f3ea;box-shadow:0 0 55px rgba(0,0,0,.14)}
.topbar{height:72px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:#0f130b;color:#fff}
.brand{display:flex;align-items:center;gap:11px}.brand-icon{width:39px;height:39px;display:grid;place-items:center;background:linear-gradient(145deg,#1e6449,#123b2c);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:#9d48ff;font-size:17px}
.brand-copy strong{display:block;font-size:18px}.brand-copy strong span{color:#d6a31c}.brand-copy small{display:block;color:#766d5a;font-size:8px;letter-spacing:2px;margin-top:2px}
.online{color:#42dd85;font-size:11px;font-weight:800}.online i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#42dd85;margin-right:6px;box-shadow:0 0 9px #42dd85}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:#0f1209;border-top:1px solid #332b12;border-bottom:1px solid #332b12}.metrics div{padding:10px 3px;text-align:center;border-right:1px solid #2b2514}.metrics div:last-child{border-right:0}.metrics b{display:block;color:#e8b11f;font-size:11px}.metrics span{display:block;color:#6f634b;font-size:7px;letter-spacing:1px;margin-top:2px}
.hero{padding:24px 20px 28px;background:radial-gradient(circle at 50% 65%,rgba(44,92,42,.16),transparent 38%),linear-gradient(180deg,#0d1008,#10150b);color:#fff;border-bottom:2px solid #255a44}
.royal{text-align:center;color:#c89812;font-size:9px;letter-spacing:3px;margin-bottom:18px}
.cards{height:145px;position:relative;width:350px;max-width:100%;margin:0 auto}.card{position:absolute;top:8px;width:74px;height:108px;border-radius:7px;background:#f5efdd;color:#10120d;border:1px solid #d8c7a0;padding:8px;box-shadow:0 5px 12px rgba(0,0,0,.3)}.card b{font-size:15px}.card span{display:block;text-align:center;font-size:28px;margin-top:16px}.card.red{color:#b83c30}.c1{left:45px;transform:rotate(-15deg);top:15px}.c2{left:95px;transform:rotate(-5deg)}.c3{left:145px}.c4{left:195px;transform:rotate(6deg)}.deck{position:absolute;left:245px;top:8px;width:74px;height:108px;border-radius:7px;border:1px solid #8a6504;background:repeating-linear-gradient(45deg,#17412f 0 8px,#1d543b 8px 16px);display:grid;place-items:center;color:#bd8d11}
.fund{display:flex;justify-content:space-between;align-items:center;background:#171408;border:1px solid #382c0e;border-radius:6px;padding:15px 16px;margin:6px 0 20px}.fund small{display:block;color:#756641;font-size:8px;letter-spacing:2px}.fund strong{display:block;color:#e2aa16;font-size:26px;margin-top:3px}.fund span{display:block;color:#75684c;font-size:9px;margin-top:3px}.chips p{margin:3px 0;color:#968568;font-size:9px}.chips i{display:inline-block;width:18px;height:18px;border-radius:50%;vertical-align:middle;margin-right:6px;border:1px solid rgba(255,255,255,.2)}.green{background:#2d6f56}.red{background:#a93328}.blue{background:#264c7a}
.hero-copy{text-align:center}.eyebrow{margin:0 0 8px;color:#746b50;letter-spacing:3px;font-size:9px}
h1{margin:0 auto 16px;max-width:430px;font-size:36px;line-height:1.03;text-transform:uppercase;color:#fff}.bonus-row{display:flex;justify-content:center;gap:10px;align-items:center;flex-wrap:wrap}.bonus{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 20px;border-radius:5px;background:linear-gradient(90deg,#b37a05,#dcaa21,#f1c34f,#b37a05);background-size:220% 100%;color:#111007;font-weight:900;font-size:12px;animation:gradientMove 4s linear infinite}.mini{border:1px solid #4a3610;border-radius:5px;padding:12px 14px;color:#93825e;font-size:11px}.hint{color:#72684f;font-size:9px;margin:10px 0 0}
.actions{padding:16px 18px;background:#f6f1e7;border-bottom:1px solid #d7c8aa}.btn{position:relative;overflow:hidden;min-height:55px;border-radius:5px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:14px;font-weight:900;letter-spacing:1.6px}.btn:last-child{margin-bottom:0}.primary{background:linear-gradient(90deg,#1d563f,#2b6f53,#1d563f);background-size:220% 100%;color:#fff;animation:gradientMove 4s linear infinite;box-shadow:0 4px 14px rgba(27,82,60,.18)}.secondary{border:2px solid #d3bf92;color:#7d6d53;background:#fbf8f2}
.shimmer::after{content:"";position:absolute;top:-50%;left:-40%;width:28%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:rotate(20deg);animation:shine 2.8s infinite}.pulse{animation:pulse 2.2s ease-in-out infinite}
@keyframes shine{0%{left:-40%}55%,100%{left:130%}}@keyframes gradientMove{0%{background-position:0 0}100%{background-position:220% 0}}@keyframes pulse{0%,100%{box-shadow:0 0 0 rgba(197,158,79,0)}50%{box-shadow:0 0 18px rgba(197,158,79,.35)}}
.intro{padding:18px;background:#fbf7ef;border-bottom:1px solid #d8c9ab}.intro h2{margin:0 0 10px;color:#184e3a;font-size:14px;text-transform:uppercase}.intro p{margin:0;color:#7f715c;line-height:1.55;font-size:12px}.year{text-align:right;color:#c2b69f;font-size:9px;margin-top:8px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);background:#eee6d7;border-bottom:1px solid #d3c3a3}.stats div{padding:14px 6px;text-align:center;border-right:1px solid #d3c3a3}.stats div:last-child{border-right:0}.stats strong{display:block;color:#184f3b;font-size:20px}.stats span{display:block;color:#796a51;font-size:8px;letter-spacing:1.3px;margin-top:3px}
.details{padding:18px;background:#fbf7ef}.details h2{margin:0 0 10px;color:#75664f;font-size:9px;letter-spacing:2px}.row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #d8c8aa;color:#8a795f;font-size:11px}.row b{color:#17150f;text-align:right}
footer{padding:16px 18px 24px;background:#1a1105;color:#6d512b;text-align:center;font-size:9px;line-height:1.45}
@media(max-width:420px){h1{font-size:30px}.metrics b{font-size:10px}.cards{transform:scale(.92);transform-origin:50% 0}}