@media (max-width:600px){.article-card{padding-top:40px}}@media (max-width:480px){.article-card{padding-top:30px}}.article-card h3{font-family:var(--font-fira-sans);text-align:center;margin:0 auto 12px;font-size:1.8rem}@media (max-width:640px){.article-card h3{font-size:1.6rem}}.article-card .articles-head{justify-content:space-between;align-items:center;display:flex}.article-more{margin-top:30px;margin-bottom:20px}.article-more a{border-width:3px;padding:6px 30px;font-size:1.4rem}@media (max-width:640px){.article-more a{padding:4px 20px;font-size:1.2rem}}.article-more a:before{background:linear-gradient(90deg,#0000,#65dcbf66,#0000);animation-duration:2.5s}@media (max-width:480px){.article-more{margin-top:50px;margin-bottom:6px}.article-more a{padding:4px 10px;font-size:1.2rem}}@media (max-width:370px){.article-more a{padding:4px 8px;font-size:1rem}}.article-list{border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));justify-content:center;justify-items:center;gap:24px;display:grid}.article-list .article-image{border-radius:12px;height:400px;margin:6px auto;overflow:hidden;box-shadow:0 4px 12px #0000001a}@media (max-width:480px){.article-list{grid-template-columns:1fr}}.article-card{color:inherit;background-image:url(/images/green-bg.jpg);background-position:50%;background-size:cover;border-radius:12px;flex-direction:column;justify-content:space-between;gap:18px;width:100%;max-width:420px;padding:10px 18px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 12px #0000001a}.article-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #00000040}.article-info{font-family:var(--font-caveat);opacity:.8;color:#2eac04;justify-content:space-around;padding:6px 0;font-size:1.5rem;display:flex}.article-info .article-category{font-weight:700}.article-link{font-family:var(--font-caveat);text-align:right;color:#2eac04;margin-top:12px;font-size:1.4rem;font-weight:700;text-decoration:none;transition:color .2s}.article-link a{color:#111;border:2px solid #111;border-radius:8px;padding:4px 20px;transition:color .2s,border-color .2s;display:inline-block;position:relative;overflow:hidden}.article-link a:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#65dcbf4d,#0000);width:100%;height:100%;animation:3.5s ease-in-out infinite metalGlimmer;position:absolute;top:0;left:-100%}.article-link a:hover{color:#2eac04;border-color:#2eac04}.favorite-button{cursor:pointer;z-index:10;opacity:0;visibility:hidden;pointer-events:none;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px;transform:scale(.9);box-shadow:0 2px 8px #0000001a}.favorite-button svg{color:#666;font-size:16px;transition:all .2s}.article-card:hover .favorite-button,.favorite-button.active{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}@media (hover:none),(pointer:coarse){.favorite-button{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}}.favorite-button:hover{background:#fff;transform:scale(1.1)}.favorite-button:hover svg{color:#e74c3c}.favorite-button.active{background:#e74c3c}.favorite-button.active svg{color:#fff}.favorite-button.active:hover{background:#c0392b}.no-favorites{text-align:center;color:#666;background:#f9f9f9;border:2px dashed #ddd;border-radius:12px;margin-top:40px;padding:40px;font-size:1.2rem}