*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#0f172a;color:#f8fafc;font-family:Inter,Arial,sans-serif;line-height:1.7}a{color:#38bdf8;text-decoration:none}a:hover{text-decoration:underline}main{max-width:1200px;margin:auto;padding:40px 24px}section{margin-bottom:80px}.hero{text-align:center;padding:100px 0}.hero h1{font-size:3.5rem;margin-bottom:20px}.hero p{max-width:800px;margin:auto;color:#cbd5e1;font-size:1.2rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:24px;gap:24px}.card{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:24px;transition:.3s}.card:hover{transform:translateY(-4px)}.card h3{margin-bottom:12px}.section-title{font-size:2rem;margin-bottom:24px}.footer{text-align:center;padding:40px;border-top:1px solid #334155;color:#94a3b8}article{max-width:900px;margin:auto}article h1{font-size:3rem;margin-bottom:30px}article h2{margin-top:40px;margin-bottom:15px}article h3{margin-top:25px}article p,article ul{margin-bottom:20px}article ul{margin-left:25px}article pre{background:#020617;padding:20px;border-radius:12px;overflow-x:auto;margin:20px 0}article table{width:100%;border-collapse:collapse;margin:20px 0}article td{border:1px solid #334155;padding:12px}