:root{--yellow:#faed21;--red:#ed3029;--black:#000;--white:#fff;--dark:#111;--gray:#1c1c1c}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{background:var(--black);color:var(--white);font-family:'Inter',sans-serif;line-height:1.7}
.checker-bar{height:18px;background-image:repeating-conic-gradient(#fff 0% 25%,#000 0% 50%);background-size:18px 18px;border-top:2px solid var(--yellow);border-bottom:2px solid var(--yellow)}
nav{position:fixed;top:0;width:100%;z-index:100;background:rgba(0,0,0,.95);border-bottom:2px solid var(--red);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:64px}
.nav-logo{font-family:'Racing Sans One',sans-serif;font-size:22px;color:var(--yellow);text-decoration:none}.nav-logo span{color:var(--red)}
.nav-links{display:flex;gap:28px;list-style:none}.nav-links a{color:rgba(255,255,255,.8);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--yellow)}
.nav-cta{background:var(--red);color:#fff;padding:8px 20px;border-radius:6px;text-decoration:none;font-weight:600;font-size:14px}
.page-hero{background:linear-gradient(180deg,#1a0000 0%,#000 100%);padding:120px 24px 60px;text-align:center;border-bottom:3px solid var(--red)}
.page-hero h1{font-family:'Racing Sans One',sans-serif;font-size:clamp(36px,6vw,64px);background:linear-gradient(135deg,var(--yellow),var(--red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}
.page-hero p{font-size:18px;color:rgba(255,255,255,.6);max-width:600px;margin:0 auto 28px}
.page-content{max-width:860px;margin:0 auto;padding:60px 24px 80px}
.page-content h2{font-family:'Racing Sans One',sans-serif;font-size:28px;color:var(--yellow);margin:40px 0 16px;padding-bottom:8px;border-bottom:2px solid rgba(237,48,41,.3)}
.page-content h3{font-size:18px;font-weight:700;color:var(--red);margin:28px 0 10px}
.page-content p{font-size:15px;color:rgba(255,255,255,.75);margin-bottom:16px}
.page-content ul,.page-content ol{padding-left:24px;margin-bottom:16px}
.page-content li{font-size:15px;color:rgba(255,255,255,.7);margin-bottom:8px;line-height:1.6}
.page-content strong{color:var(--white)}
.highlight-box{background:var(--gray);border-left:4px solid var(--yellow);border-radius:0 10px 10px 0;padding:20px 24px;margin:24px 0}
.highlight-box p{margin:0;color:rgba(255,255,255,.8)}
.pdf-btn{display:inline-flex;align-items:center;gap:10px;background:var(--red);color:#fff;padding:14px 28px;border-radius:10px;text-decoration:none;font-weight:700;font-size:15px;margin:8px;transition:transform .2s,background .2s}
.pdf-btn:hover{background:#c5251e;transform:translateY(-2px)}
.pdf-btn-outline{background:transparent;border:2px solid var(--yellow);color:var(--yellow)}
.pdf-btn-outline:hover{background:var(--yellow);color:var(--black)}
.btn-center{text-align:center;margin:32px 0}
footer{background:#000;border-top:3px solid var(--red);padding:40px 24px 24px}
.footer-inner{max-width:1100px;margin:0 auto}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.footer-bottom p{font-size:12px;color:rgba(255,255,255,.3)}
.footer-links{display:flex;gap:20px}
.footer-links a{font-size:12px;color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s}
.footer-links a:hover{color:var(--yellow)}
.checker-footer{height:14px;background-image:repeating-conic-gradient(#fff 0% 25%,#000 0% 50%);background-size:14px 14px;margin-top:24px}
@media(max-width:768px){nav{padding:0 16px}.nav-links{display:none}}