.articles-grid{display:grid;grid-template-columns:1fr;grid-gap:2.5em;gap:2.5em;padding:2em;max-width:800px;margin:0 auto}.article-card{background:#1e1e1e!important;border:1px solid #333;border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);height:100%;display:flex;flex-direction:column;box-shadow:0 5px 15px rgba(0,0,0,.3);position:relative}.article-card:hover{transform:translateY(-10px);border-color:#ff0054;box-shadow:0 15px 30px rgba(255,0,84,.15)}.article-card .card-img-top{height:300px;object-fit:cover;width:100%;transition:transform .5s ease}.article-card:hover .card-img-top{transform:scale(1.05)}.article-card .card-body{flex:1 1;display:flex;flex-direction:column;padding:2em}.article-card .card-title{font-size:2.5em;color:#ff0054;margin-bottom:.5em;font-weight:700;line-height:1.2}.article-meta{font-size:1.1em;color:#aaa;margin-bottom:1.2em;line-height:1.8;font-family:Quicksand,sans-serif;font-weight:500}.article-meta i{margin-right:.4em;color:#ff0054}.article-card .card-text{font-size:1.2em;color:#ddd;line-height:1.6;margin-bottom:1.5em;flex:1 1;font-family:Quicksand,sans-serif}.article-tags{display:flex;flex-wrap:wrap;gap:.6em;margin-bottom:1.5em}.article-tags .badge{font-size:.9em;padding:.5em 1em;background-color:rgba(255,0,84,.1)!important;color:#ff0054;border:1px solid rgba(255,0,84,.3);border-radius:50px;font-weight:600;font-family:Quicksand,sans-serif;transition:all .3s ease}.article-tags .badge:hover{background-color:#ff0054!important;color:#fff}.article-card .btn{font-size:1.3em;padding:.6em 1.2em;border:2px solid #ff0054;color:#ff0054;margin-top:auto;border-radius:50px;font-family:Amatic SC,cursive;font-weight:700;letter-spacing:1px;transition:all .3s ease;width:100%;background:transparent}.article-card .btn:hover{background-color:#ff0054;color:#fff;box-shadow:0 0 20px rgba(255,0,84,.4);transform:translateY(-2px)}.article-card .btn i{margin-right:.5em}.spinner-border{width:3rem;height:3rem;border-width:.3em}@media (max-width:768px){.articles-grid{grid-template-columns:1fr;padding:1em;gap:2em}.article-card .card-title{font-size:1.8em}.article-meta{font-size:.9em}}