*{box-sizing:border-box}
html{background:#000}
body{margin:0;background:#050505;color:#fff;font-family:Arial,Helvetica,sans-serif;padding-bottom:118px}
a{text-decoration:none;color:inherit}
.header{height:78px;background:#070707;border-bottom:1px solid #252525;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:20}
.logo{font-size:39px;line-height:1;font-weight:900;letter-spacing:-2.5px}
.logo span,.banner-logo span{color:#D30000}
.hamburger{border:0;background:transparent;color:#fff;font-size:31px;line-height:1}
.shell{width:min(720px,100%);margin:auto}
.top-banner{margin:14px 15px 28px;padding:12px 12px 12px 18px;border:3px solid #a31414;border-radius:17px;background:linear-gradient(110deg,#161700,#090a04);box-shadow:0 0 9px rgba(218,192,42,.2);display:flex;align-items:center;justify-content:space-between;gap:12px}
.banner-logo{font-size:31px;font-weight:900;letter-spacing:-1.5px}
.banner-btn{padding:13px 14px;border-radius:10px;border:2px solid #e86565;background:linear-gradient(#D30000,#8d0000);box-shadow:inset 0 1px 0 #ffb0b0,0 0 10px rgba(226, 49, 49, 0.34901960784313724);font-weight:900;font-size:12px;white-space:nowrap}
.hero{padding:0 15px}
.hero img{display:block;width:100%;height:auto;border-radius:7px;border:2px solid #9d1010}
.main-actions{display:grid;gap:17px;padding:22px 20px}
.action{display:block;text-align:center;padding:21px 10px;border-radius:15px;border:2px solid #D30000;box-shadow:0 0 15px rgba(239, 95, 95, 0.5490196078431373),inset 0 1px 1px rgba(255,255,255,.55);font-size:25px;font-weight:900;background:linear-gradient(#D30000,#8e0000)}
/* Fixed bottom navigation, sized to closely match the supplied mobile reference. */
.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(650px,calc(100% - 40px));z-index:1000;height:112px;border:2px solid #9b1010;border-bottom:0;border-radius:15px 15px 0 0;background:linear-gradient(#1c1b03,#080804);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:10px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -5px 16px rgba(0,0,0,.75)}
.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:12px;text-align:center}
.nav-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d21b1b;border:2px solid #ffa6a6;color:#252100;box-shadow:0 0 7px rgba(203, 34, 34, 0.5019607843137255);font-size:15px}
.nav-icon.big{width:45px;height:45px;font-size:22px;margin-top:-8px}
.warning{margin:0 15px;background:#111004;border:2px solid #9b1010;padding:20px 18px}
.warning h2{margin:0 0 9px;color:#ee6363;font-size:22px}
.warning p{margin:0;color:#cfcfcf;font-size:14px;line-height:1.65}
.description{padding:22px 20px}
.description h1{font-size:28px;line-height:1.1;margin:0 0 12px}
.description p{color:#c6c6c6;line-height:1.7}
footer{text-align:center;padding:30px;color:#666;border-top:1px solid #1e1e1e}
.inner-page{padding:90px 25px;min-height:75vh}
.eyebrow{color:#d83232;letter-spacing:.2em;font-weight:900}
.inner-page h1{font-size:45px;line-height:1.05}
.inner-page p{color:#c8c8c8;line-height:1.7}
.back{display:inline-block;margin-top:20px;padding:15px 22px;border-radius:12px;background:#b90e0e;font-weight:900;border:2px solid #D30000}
@media(max-width:390px){
 .header{height:70px}.logo{font-size:35px}
 .top-banner{margin-left:10px;margin-right:10px}
 .banner-logo{font-size:25px}.banner-btn{font-size:10px;padding:11px 9px}
 .hero{padding:0 10px}.main-actions{padding-left:15px;padding-right:15px}
 .action{font-size:21px}.warning{margin-left:10px;margin-right:10px}
 .bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(650px,calc(100% - 40px));z-index:1000;height:112px;border:2px solid #9b1010;border-bottom:0;border-radius:15px 15px 0 0;background:linear-gradient(#1c1b03,#080804);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:10px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -5px 16px rgba(0,0,0,.75)}
}

.action-red{
  background:linear-gradient(#e42323,#771515cf);
  border-color:#711111;
  box-shadow:0 0 15px rgba(255, 235, 55, 0.45098039215686275),inset 0 1px 1px rgba(255,255,255,.55);
}
.action-blue{
  background:linear-gradient(#a61a1a,#a31e1e);
  border-color:#b02121;
  box-shadow:0 0 15px rgba(228, 239, 51, 0.45098039215686275),inset 0 1px 1px rgba(255,255,255,.55);
}