*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:'Segoe UI',Roboto,Arial,sans-serif;background:#020a1c;color:#e7eefb;line-height:1.6;overflow-x:hidden;padding-bottom:78px}
img{max-width:100%}
a{text-decoration:none;color:inherit}
.top-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(90deg,#0a2a6b,#1d57c7);box-shadow:0 2px 10px rgba(0,0,0,.5)}
.menu-toggle{background:#0a1e4d;border:1px solid #3a6fd1;border-radius:8px;padding:8px;display:flex;cursor:pointer}
.brand{font-size:26px;font-weight:800;color:#bfe0ff;letter-spacing:1px;text-shadow:0 0 8px rgba(80,160,255,.6)}
.brand span{color:#fff}
.lucky-badge{display:flex}
.side-nav{position:fixed;top:0;left:-260px;width:240px;height:100%;background:#06143a;z-index:101;padding:70px 0 20px;transition:left .3s;box-shadow:4px 0 20px rgba(0,0,0,.6)}
.side-nav.open{left:0}
.side-nav a{display:block;padding:14px 22px;border-bottom:1px solid #12275c;color:#cfe0ff;font-weight:600}
.side-nav a:hover{background:#0f2a66}
.nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100;display:none}
.nav-overlay.show{display:block}
main{max-width:760px;margin:0 auto;padding:14px}
.hero{position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#0a2a6b,#1646b0,#0a2a6b);background-size:cover;background-position:center;padding:30px 20px;text-align:center;border:2px solid #2f6ad6;box-shadow:0 0 24px rgba(40,110,230,.4)}
.hero-tag{font-size:34px;font-weight:800;color:#bfe0ff;text-shadow:0 0 10px rgba(80,170,255,.7)}
.hero-tag span{color:#fff}
.hero-heading{font-size:24px;font-weight:800;color:#ffd23f;text-transform:uppercase;margin:6px 0;text-shadow:0 2px 4px #00204d}
.hero-sub{font-size:14px;color:#dce8ff;max-width:480px;margin:0 auto 16px}
.btn-cta{display:inline-block;background:linear-gradient(180deg,#ffd23f,#f5a623);color:#0a1e4d;font-weight:800;padding:13px 28px;border-radius:30px;text-transform:uppercase;box-shadow:0 4px 14px rgba(245,166,35,.5);font-size:15px}
.btn-cta:active{transform:scale(.97)}
.trust-strip{display:flex;justify-content:space-around;gap:8px;background:#08163c;border:1px solid #1b3a7a;border-radius:12px;margin-top:14px;padding:14px 8px}
.trust-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:#bcd2f5;font-weight:600;text-align:center}
.crumbs{font-size:12px;color:#8fb0e8;margin:14px 2px 4px;display:flex;gap:6px;align-items:center}
.crumbs a{color:#5fa0ff}
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.cat{background:#0a1c4a;border:1px solid #1d3f86;border-radius:12px;padding:12px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#cfe0ff}
.txn{margin-top:16px;background:#06122e;border:1px solid #1d3f86;border-radius:12px;overflow:hidden}
.txn-title{background:linear-gradient(90deg,#0a2a6b,#1d57c7);padding:10px 14px;font-weight:700;text-transform:uppercase;font-size:14px}
.txn-wrap{overflow-x:auto}
.txn table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:340px}
.txn th{background:#0e2154;padding:8px;text-align:left;color:#ffd23f;text-transform:uppercase;font-size:11px}
.txn td{padding:8px;border-top:1px solid #14275a;white-space:nowrap}
.txn td:nth-child(2),.txn td:nth-child(4){color:#ffd23f;font-weight:600}
.promo-banner{margin-top:16px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#10204f,#1d3f86);background-size:cover;background-position:center;padding:26px 18px;text-align:center;border:2px solid #2f6ad6}
.promo-tag{font-size:26px;font-weight:800;color:#bfe0ff}
.promo-tag span{color:#fff}
.promo-line{font-size:18px;font-weight:700;color:#dce8ff}
.promo-big{font-size:36px;font-weight:900;color:#ffd23f;text-shadow:0 2px 6px #00204d}
.content{margin-top:22px;background:#061029;border:1px solid #16306b;border-radius:14px;padding:18px}
.content h1{font-size:23px;line-height:1.25;color:#fff;margin-bottom:14px}
.content h2{font-size:19px;color:#ffd23f;margin:22px 0 8px;border-left:4px solid #2f6ad6;padding-left:10px}
.content p{margin:8px 0;color:#cdd9f0;font-size:15px}
.content ul{margin:8px 0 8px 18px}
.content li{margin:5px 0;color:#cdd9f0;font-size:15px}
.content strong{color:#fff}
.author-card{display:flex;align-items:center;gap:12px;background:#0a1c4a;border:1px solid #1d3f86;border-radius:10px;padding:12px;font-size:13px;color:#cfe0ff}
.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#2f6ad6,#ffd23f);display:flex;align-items:center;justify-content:center;font-weight:800;color:#0a1e4d;flex-shrink:0}
.author-card small{color:#8fb0e8}
.faq{margin-top:10px}
.faq-item{border:1px solid #1d3f86;border-radius:10px;margin-bottom:8px;overflow:hidden;background:#0a1c4a}
.faq-q{width:100%;text-align:left;background:none;border:none;color:#fff;font-size:15px;font-weight:600;padding:14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.faq-q span{color:#ffd23f;font-size:20px;flex-shrink:0;margin-left:10px}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s;padding:0 14px}
.faq-a p{padding:0 0 14px;font-size:14px;color:#cdd9f0}
.faq-item.open .faq-a{max-height:300px}
.faq-item.open .faq-q span{transform:rotate(45deg)}
.site-footer{text-align:center;padding:24px 16px;background:#04102b;border-top:1px solid #16306b;margin-top:24px;font-size:13px;color:#9fb6e0;max-width:760px;margin-left:auto;margin-right:auto}
.footer-brand{font-size:22px;font-weight:800;color:#bfe0ff;margin-bottom:8px}
.footer-brand span{color:#fff}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:60;display:flex;justify-content:space-around;background:linear-gradient(180deg,#0a2456,#06163c);border-top:1px solid #1d3f86;padding:6px 0}
.bn{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:#7f9fd8;padding:4px 6px}
.bn.active{color:#fff}
@media(min-width:780px){.hero-heading{font-size:30px}.content h1{font-size:28px}}
@media(max-width:360px){.cats{grid-template-columns:repeat(2,1fr)}.hero-heading{font-size:21px}}