*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,sans-serif;background:#111827;color:#f3f4f6;line-height:1.7}
a{color:#10b981;text-decoration:none;transition:color .3s}a:hover{color:#f59e0b}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
header{background:#1f2937;padding:15px 0;border-bottom:2px solid #10b981}
header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.logo img{height:50px}
nav a{color:#f3f4f6;margin-left:18px;font-weight:500;font-size:.95rem}nav a:hover{color:#10b981}
.hero{background:linear-gradient(160deg,#10b98115,#1f2937);padding:50px 0;text-align:center}
.hero h1{font-size:2rem;margin-bottom:15px;background:linear-gradient(90deg,#10b981,#f59e0b);-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,#10b981,#f59e0b);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 #10b98166;color:#fff}
section{padding:40px 0}
.card{background:#1f2937;border-radius:12px;padding:25px;margin-bottom:20px;border:1px solid #10b98122}
h2{font-size:1.5rem;margin-bottom:15px;color:#10b981}
h3{font-size:1.15rem;margin-bottom:10px;color:#f59e0b}
.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:#10b981;color:#fff;padding:12px;text-align:left}
td{padding:10px 12px;border-bottom:1px solid #10b98122}
details{background:#1f2937;border:1px solid #10b98133;border-radius:8px;margin:8px 0;padding:15px}
summary{cursor:pointer;font-weight:600;color:#10b981}
details p{margin-top:10px;opacity:.85}
img{max-width:100%;height:auto;border-radius:10px}
footer{background:#1f2937;padding:30px 0;margin-top:40px;border-top:1px solid #10b98122}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
footer h5{color:#10b981;margin-bottom:10px}
footer ul{list-style:none}footer li{margin:5px 0}
footer a{color:#f3f4f6;opacity:.7;font-size:.9rem}footer a:hover{opacity:1;color:#10b981}
.copyright{text-align:center;margin-top:20px;opacity:.5;font-size:.85rem}
.blog-card{background:#1f2937;border-radius:12px;overflow:hidden;border:1px solid #10b98122}
.stars{color:#f59e0b;font-size:1.2rem}
.badge{background:#10b981;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}}