*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,sans-serif;background:#0d1117;color:#c9d1d9;line-height:1.7}
a{color:#e74c3c;text-decoration:none;transition:color .3s}a:hover{color:#f39c12}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
header{background:#161b22;padding:15px 0;border-bottom:2px solid #e74c3c}
header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.logo img{height:50px}
nav a{color:#c9d1d9;margin-left:18px;font-weight:500;font-size:.95rem}nav a:hover{color:#e74c3c}
.hero{background:linear-gradient(160deg,#e74c3c15,#161b22);padding:50px 0;text-align:center}
.hero h1{font-size:2rem;margin-bottom:15px;background:linear-gradient(90deg,#e74c3c,#f39c12);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero p{font-size:1.1rem;max-width:700px;margin:0 auto 20px;opacity:.9}
.cta-btn{display:inline-block;background:linear-gradient(135deg,#e74c3c,#f39c12);color:#fff;padding:14px 40px;border-radius:50px;font-weight:700;font-size:1.1rem;transition:transform .3s}
.cta-btn:hover{transform:scale(1.05);box-shadow:0 8px 25px #e74c3c66;color:#fff}
section{padding:40px 0}
.card{background:#161b22;border-radius:12px;padding:25px;margin-bottom:20px;border:1px solid #e74c3c22}
h2{font-size:1.5rem;margin-bottom:15px;color:#e74c3c}
h3{font-size:1.15rem;margin-bottom:10px;color:#f39c12}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
table{width:100%;border-collapse:collapse;margin:15px 0}
th{background:#e74c3c;color:#fff;padding:12px;text-align:left}
td{padding:10px 12px;border-bottom:1px solid #e74c3c22}
details{background:#161b22;border:1px solid #e74c3c33;border-radius:8px;margin:8px 0;padding:15px}
summary{cursor:pointer;font-weight:600;color:#e74c3c}
details p{margin-top:10px;opacity:.85}
img{max-width:100%;height:auto;border-radius:10px}
footer{background:#161b22;padding:30px 0;margin-top:40px;border-top:1px solid #e74c3c22}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
footer h5{color:#e74c3c;margin-bottom:10px}
footer ul{list-style:none}footer li{margin:5px 0}
footer a{color:#c9d1d9;opacity:.7;font-size:.9rem}footer a:hover{opacity:1;color:#e74c3c}
.copyright{text-align:center;margin-top:20px;opacity:.5;font-size:.85rem}
.blog-card{background:#161b22;border-radius:12px;overflow:hidden;border:1px solid #e74c3c22}
.stars{color:#f39c12;font-size:1.2rem}
.badge{background:#e74c3c;color:#fff;padding:3px 10px;border-radius:4px;font-size:.8rem}
.breadcrumb{padding:10px 0;font-size:.85rem;opacity:.6}
@media(max-width:768px){.grid-2,.grid-3,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:1.5rem}nav{display:none}}