*{box-sizing:border-box}body{margin:0;background:#000;color:#fff;font-family:Montserrat,sans-serif}
.bg{position:fixed;inset:0;background:url(assets/bg.jpg) center/cover no-repeat;filter:brightness(.28) contrast(1.08)}
.vignette{position:fixed;inset:0;background:radial-gradient(circle at center,rgba(0,0,0,.05),rgba(0,0,0,.78))}
.page{position:relative;min-height:100vh;max-width:680px;margin:auto;padding:18px 28px 10px;display:flex;flex-direction:column;align-items:center}
.logo{width:100%;max-width:620px;filter:drop-shadow(0 0 8px rgba(255,0,0,.15))}
.midline{margin-top:16px;width:100%;height:1px;background:#861010;box-shadow:0 0 8px red}
.badge{margin-top:18px;background:transparent;border:none;padding:0;font-weight:900;font-style:italic;letter-spacing:2px;text-align:center;font-size:clamp(36px,6vw,56px);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.msg{margin:28px 0 38px;text-align:center;font-size:clamp(16px,1.8vw,21px);line-height:1.45;text-shadow:0 2px 4px #000}
.actions{width:100%;display:flex;flex-direction:column;gap:16px}
.btn{text-decoration:none;color:#fff;border:1px solid #b00;border-radius:16px;background:rgba(10,10,10,.86);padding:18px 24px;display:grid;grid-template-columns:42px 1fr;align-items:center;font-size:1.45rem;box-shadow:inset 0 0 25px rgba(255,255,255,.02)}
.btn i{color:#d11;font-size:1.6rem}.btn span{text-align:center;margin-right:42px}.btn:hover{border-color:#ff4b4b;transform:translateY(-1px)}
footer{margin-top:auto;padding-top:18px;border-top:1px solid #900;width:100%;display:flex;justify-content:center;align-items:flex-start;gap:48px;font-size:.9rem;text-align:center;flex-wrap:wrap}
@media(max-width:600px){.page{padding:12px 16px}.btn{font-size:1.2rem}.msg{font-size: 1.15rem}footer{font-size:.78rem}}