*{box-sizing:border-box}
:root{--paper:#fbf6ee;--paper2:#f4ecdf;--ink:#1b120c;--wine:#7b1828;--wine2:#9a253a;--gold:#c89524;--gold2:#e7b84f;--muted:#8b735e;--line:#d9c7a9}
html{scroll-behavior:smooth}
body{margin:0;background:#f5efe6;color:var(--ink);font-family:Georgia,'Times New Roman',serif}
a{text-decoration:none;color:inherit}
.page{width:min(100%,500px);margin:0 auto;min-height:100vh;background:var(--paper);box-shadow:0 0 55px rgba(0,0,0,.12)}
.topbar{height:72px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:#1b0d05;color:#fff;border-bottom:5px solid var(--wine)}
.brand{display:flex;align-items:center;gap:11px}.brand-icon{width:41px;height:41px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#7f1428,#a5253e);border:2px solid #c79a29;color:#f5d67e;font-size:12px}.brand-copy strong{display:block;font-size:18px;font-style:italic}.brand-copy strong span{color:#d3a234}.brand-copy small{display:block;color:#8f775c;font-size:8px;letter-spacing:2px;margin-top:2px}
.live{color:#db6675;font-size:10px;font-weight:800}.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6e2830;margin-right:6px}
.edition{height:42px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3b2819;background:#f8f1e8;color:#3c2b1f;font-size:9px;letter-spacing:3px}.edition b{letter-spacing:0;color:#8f755d;font-weight:400}
.hero{padding:18px 18px 22px;background:#fbf6ee}.eyebrow{margin:0 0 6px;color:#7d2030;font-size:9px;font-weight:700;letter-spacing:2px}.lead{margin:0 0 16px;padding-left:10px;border-left:3px solid #d6a13a;color:#8f745b;font-size:11px;line-height:1.45}
h1{margin:0 0 10px;font-size:34px;line-height:1.02;color:#2a180f;font-style:italic}
.cards{height:145px;position:relative;width:350px;max-width:100%;margin:4px auto 4px}.card{position:absolute;top:10px;width:72px;height:110px;border-radius:6px;background:#fffaf0;color:#17110c;border:1px solid #d3bea0;padding:8px;box-shadow:0 5px 12px rgba(0,0,0,.14)}.card b{font-size:14px}.card span{display:block;text-align:center;font-size:28px;margin-top:16px}.card.red{color:#8e2030}.c1{left:32px;transform:rotate(-16deg);top:18px}.c2{left:82px;transform:rotate(-7deg)}.c3{left:132px}.c4{left:182px;transform:rotate(7deg)}.c5{left:232px;transform:rotate(16deg);top:18px}
.offers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.offers div{background:#211106;border-radius:4px;padding:14px;color:#e5c47c}.offers small{display:block;color:#947044;font-size:8px;letter-spacing:1.5px}.offers strong{display:block;color:#e8b94a;font-size:19px;margin-top:5px}.offers span{display:block;color:#8a6b45;font-size:9px;margin-top:4px}.hint{color:#8b725c;font-size:9px;margin:12px 0 0}
.actions{padding:14px 18px;background:#1c1008;border-top:1px solid #3c2512;border-bottom:1px solid #3c2512}.btn{position:relative;overflow:hidden;min-height:54px;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:14px;font-weight:700;letter-spacing:1px}.btn:last-child{margin-bottom:0}.primary{background:linear-gradient(90deg,#6f1424,#92233a,#b1324d,#7b1828);background-size:220% 100%;color:#fff2df;animation:gradientMove 4s linear infinite;border:1px solid #aa3650}.secondary{border:1px solid #4b2c13;background:#1c1008;color:#9c7d58}
.shimmer::after{content:"";position:absolute;top:-50%;left:-40%;width:28%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),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(153,40,60,0)}50%{box-shadow:0 0 18px rgba(153,40,60,.3)}}
.intro{padding:18px;background:#fbf7ef;border-bottom:1px solid var(--line)}.intro h2{margin:0 0 10px;color:#7d2030;font-size:15px;font-style:italic}.intro p{margin:0;color:#806c58;line-height:1.55;font-family:Arial,Helvetica,sans-serif;font-size:12px}.year{text-align:right;color:#c6b49a;font-size:9px;margin-top:8px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);background:#faf5eb;border-bottom:1px solid var(--line)}.stats div{padding:13px 6px;text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border-right:0}.stats strong{display:block;color:#7f2030;font-size:18px}.stats span{display:block;color:#806b53;font-family:Arial,Helvetica,sans-serif;font-size:8px;letter-spacing:1.2px;margin-top:3px}
.details{padding:18px;background:#fbf7ef}.details h2{margin:0 0 10px;color:#7f6b55;font-size:9px;letter-spacing:2px;font-weight:400}.row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #dfcfb6;color:#8a755d;font-family:Arial,Helvetica,sans-serif;font-size:11px}.row b{color:#1b1712;text-align:right}
footer{padding:16px 18px 24px;background:#1b0d05;color:#6b4b30;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:9px;line-height:1.45}
@media(max-width:420px){h1{font-size:29px}.offers{grid-template-columns:1fr}.cards{transform:scale(.92);transform-origin:50% 0}}
