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