.blog-main{text-align:center;background-color:#222;border-radius:20px;max-width:1000px;margin:20px auto;padding:40px 20px}.blog-main h1{margin-bottom:40px;font-size:2.5rem}.article-list{flex-direction:column;gap:30px;display:flex}.article-card{color:#fff;text-align:left;background-color:#333;border-radius:12px;padding:30px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:block;box-shadow:0 4px 8px #0000001a}.article-card:hover{transform:translateY(-10px);box-shadow:0 8px 16px #0003}.article-card h3{color:#6f6;margin-bottom:10px;font-size:1.6rem}.article-card p{color:#fff;font-size:1.1rem}.blog-article{color:#fff;text-align:left;background-color:#222;border-radius:20px;max-width:800px;margin:20px auto;padding:30px 40px}.blog-article img{border-radius:20px;width:100%;height:auto;margin-bottom:24px}.blog-article h1{margin-bottom:20px;font-size:2.5rem}.blog-article h2{margin:32px 0 16px;font-size:1.8rem}.blog-article h3{margin:24px 0 10px;font-size:1.3rem}.blog-article p{margin-bottom:24px;font-size:1.1rem;line-height:1.7}.blog-article ul{margin-bottom:20px;padding-left:20px}.blog-article li{margin-bottom:8px;font-size:1.1rem;font-weight:700;line-height:1.6}.blog-article .link{color:#6f6;text-decoration:none}.blog-article .link:hover{color:#9f9}@media (max-width:600px){.blog-article{padding:20px}.blog-main{margin:10px}}