.articles-page[data-v-266cd2a7]{padding-bottom:60px}.banner[data-v-266cd2a7]{width:100%;min-height:160px;background:linear-gradient(135deg,#050814,#0a0e27 30%,#1c1e53 60%,#16213e);display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;position:relative;overflow:hidden}.banner[data-v-266cd2a7]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(96,165,250,.15) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(43,95%,75%,.1) 0,transparent 50%);animation:gradientMove-data-v-266cd2a7 10s ease-in-out infinite}@keyframes gradientMove-data-v-266cd2a7{0%{transform:translate(0)}50%{transform:translate(10%,10%)}to{transform:translate(0)}}.banner-content[data-v-266cd2a7]{position:relative;z-index:1}.banner-content h1[data-v-266cd2a7]{font-size:36px;font-weight:700;color:#fff;margin-bottom:12px;text-shadow:0 0 30px rgba(96,165,250,.6)}.banner-content p[data-v-266cd2a7]{font-size:16px;color:hsla(0,0%,100%,.85);margin:0}.articles[data-v-266cd2a7]{padding:40px 20px;background:#f8f9fc}.container[data-v-266cd2a7]{max-width:1200px;margin:0 auto}.filter-bar[data-v-266cd2a7]{margin-bottom:32px}.filter-tabs[data-v-266cd2a7]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.filter-tab[data-v-266cd2a7]{padding:10px 24px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid rgba(96,165,250,.3);background:#fff;color:#475569;transition:all .3s}.filter-tab[data-v-266cd2a7]:hover{border-color:#60a5fa;color:#60a5fa}.filter-tab.active[data-v-266cd2a7]{background:linear-gradient(135deg,#60a5fa,#175abc);border-color:transparent;color:#fff;box-shadow:0 4px 15px rgba(96,165,250,.4)}.articles-grid[data-v-266cd2a7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.article-card[data-v-266cd2a7]{background:#fff;padding:24px;border-radius:16px;border:1px solid rgba(96,165,250,.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;text-decoration:none;position:relative;overflow:hidden}.article-card[data-v-266cd2a7]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#60a5fa,#fcd980);transform:scaleY(0);transition:transform .3s}.article-card[data-v-266cd2a7]:hover:before{transform:scaleY(1)}.article-card[data-v-266cd2a7]:hover{transform:translateY(-8px);box-shadow:0 10px 25px -5px rgba(96,165,250,.15);border-color:#60a5fa}.article-category[data-v-266cd2a7]{display:inline-block;padding:4px 12px;background:rgba(96,165,250,.1);color:#60a5fa;border-radius:6px;font-size:12px;font-weight:500;margin-bottom:12px}.article-title[data-v-266cd2a7]{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s}.article-card:hover .article-title[data-v-266cd2a7]{color:#60a5fa}.article-summary[data-v-266cd2a7]{font-size:14px;color:#64748b;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta[data-v-266cd2a7]{display:flex;justify-content:space-between;align-items:center}.article-date[data-v-266cd2a7]{font-size:13px;color:#94a3b8}.article-read[data-v-266cd2a7]{font-size:13px;color:#94a3b8;display:flex;align-items:center;gap:4px}@media (max-width:768px){.banner-content h1[data-v-266cd2a7]{font-size:28px}.articles[data-v-266cd2a7]{padding:20px}.articles-grid[data-v-266cd2a7]{grid-template-columns:1fr;gap:16px}.article-card[data-v-266cd2a7]{padding:20px}}