.articles-grid{
    display:grid;
    grid-template-columns:
    repeat(auto-fill,minmax(350px,1fr));
    gap:30px;
    margin-top:40px;
    }
    
    .article-card{
        background:var(--card2);
    border-radius:24px;
    overflow:hidden;
    border:1px solid rgba(212,175,55,.12);
    transition:.35s;
    display:block;
    }
    
    .article-card:hover{
    transform:translateY(-8px);
    }
    
    .article-image{
    width:100%;
    height:260px;
    object-fit:cover;
    }
    
    .article-content{
    padding:20px;
    }
    
    .article-content h3{
    margin-bottom:15px;
    font-size:20px;
    }
    
    .article-content p{
    color:#bbb;
    line-height:2;
    margin-bottom:15px;
    }
    
    .article-content span{
    color:var(--gold);
    font-weight:700;
    }



    .article-page{
        max-width:1000px;
        margin:50px auto;
        }
        
        .article-cover{
        width:100%;
        height:500px;
        object-fit:cover;
        border-radius:25px;
        margin-bottom:30px;
        }
        
        .article-title{
        font-size:42px;
        line-height:1.8;
        margin-bottom:30px;
        }
        
        .article-body{
            background:var(--card2);
        padding:40px;
        border-radius:25px;
        line-height:2.4;
        font-size:18px;
        }
        
        .article-body img{
        max-width:100%;
        border-radius:15px;
        margin:20px 0;
        }