*{box-sizing:border-box;margin:0}body{font-family:system-ui,sans-serif;background:#0b0f17;color:#e6e9ef;line-height:1.55}
a{color:#ffb020;text-decoration:none}.wrap{max-width:1100px;margin:auto;padding:0 20px}
header{background:#111827;border-bottom:3px solid #ff6a00}nav{display:flex;justify-content:space-between;align-items:center;padding:14px 0;flex-wrap:wrap;gap:10px}
.logo{font-weight:900;font-size:1.4rem;color:#fff;letter-spacing:1px}.logo span{color:#ff6a00}nav ul{display:flex;gap:18px;list-style:none;padding:0}nav ul a{color:#cbd5e1;font-weight:600}
.hero{padding:70px 0;background:linear-gradient(135deg,#1f2937,#0b0f17 60%,#3b1d00)}.hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1}.hero p{color:#9ca3af;max-width:600px;margin:16px 0}
.btn{display:inline-block;background:#ff6a00;color:#fff;padding:10px 20px;border-radius:6px;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:30px 0}
.card{background:#141b26;border:1px solid #232c3b;border-radius:10px;padding:20px}.tag{font-size:.75rem;color:#ff6a00;font-weight:800;text-transform:uppercase}
h2{margin:40px 0 10px}.ph{background:#facc15;color:#000;font-weight:800;font-size:.75rem;padding:2px 8px;border-radius:4px}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.95rem}th,td{padding:10px;border-bottom:1px solid #232c3b;text-align:left}th{color:#9ca3af;font-size:.8rem;text-transform:uppercase}
.pos{color:#22c55e}.neg{color:#ef4444}.stats{display:flex;gap:16px;flex-wrap:wrap}.stat{flex:1;min-width:150px}.stat b{font-size:1.8rem;display:block}
.yt{background:#7f1d1d;border-radius:10px;padding:30px;margin:40px 0}input{padding:10px;border-radius:6px;border:0;width:260px;max-width:100%}
article{max-width:780px;margin:auto;padding:40px 20px}article p{margin:12px 0}footer{color:#6b7280;padding:30px 0;text-align:center;font-size:.85rem}