.articles-page{background:#000;color:#fff;min-height:100vh}.articles-page,.articles-page *{box-sizing:border-box}.articles-loading{align-items:center;background:#000;display:flex;justify-content:center;min-height:100vh}.loading-spinner{color:#fff;font-family:Georgia,serif;font-size:1.2rem}.articles-page .container,.articles-page.container{margin:0 auto;max-width:1600px;padding:0 20px}.articles-header{background:#000;border-bottom:1px solid #333;padding:80px 0 60px;text-align:center}.articles-title{color:#fff;font-size:3rem;font-weight:700;margin-bottom:20px}.articles-subtitle{color:#ccc;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.articles-content{padding:60px 0}.articles-filters{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:40px}.articles-search-box{flex:1;min-width:300px;position:relative}.articles-search-icon{color:#666;left:15px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.articles-search-input{background:#000;border:2px solid #333;border-radius:10px;color:#fff;font-size:1rem;padding:15px 15px 15px 50px;transition:all .3s ease;width:100%}.articles-search-input:focus{border-color:#fa2132;box-shadow:0 0 0 3px rgba(250,33,50,.1);outline:none}.articles-category-filter{min-width:200px;position:relative}.articles-filter-icon{color:#666;left:15px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.articles-category-select{background:#000;border:2px solid #333;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;padding:15px 15px 15px 50px;transition:all .3s ease;width:100%}.articles-category-select:focus{border-color:#fa2132;box-shadow:0 0 0 3px rgba(250,33,50,.1);outline:none}.articles-category-select option{background:#000;color:#fff}.results-count{color:#ccc;font-size:1rem;margin-bottom:30px}.search-index-status{color:hsla(0,0%,100%,.45);font-size:.9rem;font-style:italic}.articles-grid{display:grid;gap:35px;grid-template-columns:repeat(3,1fr);margin-top:40px}.article-card{backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #333;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.3);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.article-card:hover{border-color:#fa2132;box-shadow:0 25px 50px rgba(250,33,50,.25),0 0 0 1px rgba(250,33,50,.1);transform:translateY(-8px) scale(1.02)}.article-image-wrapper{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);height:280px;overflow:hidden;position:relative}.article-image{filter:brightness(.9) contrast(1.1);height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1)!important;transition:transform .4s cubic-bezier(.4,0,.2,1),filter .4s cubic-bezier(.4,0,.2,1);width:100%;will-change:transform}.article-card:hover .article-image{filter:brightness(1) contrast(1.2);transform:scale(1.08)}.article-image-wrapper:after{background:linear-gradient(135deg,rgba(250,33,50,.1),rgba(0,0,0,.3));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.article-card:hover .article-image-wrapper:after{opacity:1}.featured-badge{backdrop-filter:blur(10px);background:linear-gradient(135deg,#fa2132,#e01e2e);border:1px solid hsla(0,0%,100%,.1);border-radius:25px;box-shadow:0 4px 15px rgba(250,33,50,.4);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.8px;padding:8px 16px;position:absolute;right:15px;text-transform:uppercase;top:15px}.a-article-content{display:flex;flex-direction:column;height:100%;min-width:0;padding:15px;width:100%}.article-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px;min-width:0}.article-category{background:linear-gradient(135deg,#fa2132,#e01e2e);border-radius:20px;box-shadow:0 2px 8px rgba(250,33,50,.3);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.8px;max-width:100%;overflow-wrap:anywhere;padding:6px 14px;text-transform:uppercase}.article-read-time{align-items:center;color:#aaa;display:flex;font-size:.85rem;font-weight:500;gap:6px}.article-read-time,.article-title{min-width:0;overflow-wrap:anywhere}.article-title{font-size:1.3rem;font-weight:700;line-height:1.3;margin-bottom:12px;word-wrap:break-word;hyphens:auto;max-width:100%;width:100%}.article-title a{color:#fff;display:block;text-decoration:none;transition:all .3s ease}.article-title a:hover{color:#fa2132;text-shadow:0 0 20px rgba(250,33,50,.3)}.article-description{color:#999;display:-webkit-box;font-size:.9rem;line-height:1.6;margin-bottom:16px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.article-tag{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);border-radius:18px;color:#ddd;display:flex;font-size:.75rem;font-weight:500;gap:6px;min-width:0;overflow-wrap:anywhere;padding:6px 12px;transition:all .3s ease}.article-tag:hover{background:rgba(250,33,50,.2);border-color:rgba(250,33,50,.3);color:#fa2132}.article-footer{align-items:center;border-top:1px solid hsla(0,0%,100%,.1);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:25px;min-width:0;padding-top:20px}.article-author,.article-date{align-items:center;color:#aaa;display:flex;font-size:.85rem;font-weight:500;gap:6px;min-width:0;overflow-wrap:anywhere}.read-more-link{align-items:center;background:linear-gradient(135deg,#fa2132,#e01e2e);border:1px solid hsla(0,0%,100%,.1);border-radius:30px;box-shadow:0 4px 15px rgba(250,33,50,.3);color:#fff;display:inline-flex;font-size:.85rem;font-weight:700;gap:8px;letter-spacing:.8px;margin-top:auto;padding:14px 24px;text-decoration:none;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.read-more-link:hover{background:linear-gradient(135deg,#e01e2e,#fa2132);border-color:hsla(0,0%,100%,.2);box-shadow:0 8px 25px rgba(250,33,50,.4);transform:translateY(-3px) scale(1.05)}.no-results{color:#ccc;padding:60px 20px;text-align:center}.no-results p{font-size:1.2rem}@media (max-width:768px){.articles-title{font-size:2.5rem}.articles-subtitle{font-size:1.1rem}.articles-filters{align-items:stretch;flex-direction:column;gap:15px}.articles-category-filter,.articles-search-box{min-width:auto}.articles-category-select{font-size:1rem;padding:15px 15px 15px 50px}.articles-filter-icon{left:15px;top:50%;transform:translateY(-50%)}.articles-grid{gap:20px;grid-template-columns:1fr}.article-content{padding:20px}.article-footer,.article-meta{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:480px){.articles-header{padding:60px 0 40px}.articles-title{font-size:2rem}.articles-content{padding:40px 0}.articles-page .container,.articles-page.container{padding:0 15px}.articles-filters{gap:12px}.articles-category-filter,.articles-search-box{min-width:auto}.articles-category-select,.articles-search-input{font-size:.95rem;padding:12px 12px 12px 45px}.articles-filter-icon,.articles-search-icon{height:18px;left:12px;width:18px}.articles-grid{gap:20px;grid-template-columns:1fr}.article-image-wrapper{height:200px}}@media (max-width:768px){.articles-grid{gap:20px;grid-template-columns:1fr}.article-title{font-size:1.2rem}.article-image-wrapper{height:220px}}@media (min-width:769px) and (max-width:1024px){.articles-grid{gap:25px;grid-template-columns:repeat(3,1fr)}}@media (min-width:1025px){.articles-grid{gap:35px;grid-template-columns:repeat(3,1fr)}}.article-skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite;backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #333;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.3);overflow:hidden;position:relative}.skeleton-image{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;height:280px}.skeleton-content{display:flex;flex-direction:column;gap:12px;padding:15px}.skeleton-meta{align-items:center;display:flex;justify-content:space-between}.skeleton-category{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;border-radius:12px;height:24px;width:80px}.skeleton-read-time{border-radius:10px;width:60px}.skeleton-read-time,.skeleton-title{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;height:20px}.skeleton-title{border-radius:4px;width:100%}.skeleton-title-short{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;border-radius:4px;height:20px;width:70%}.skeleton-tags{display:flex;flex-wrap:wrap;gap:8px}.skeleton-tag{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;border-radius:12px;height:24px;width:60px}.skeleton-footer{align-items:center;border-top:1px solid #333;display:flex;justify-content:space-between;padding-top:15px}.skeleton-author{width:80px}.skeleton-author,.skeleton-date{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;border-radius:8px;height:16px}.skeleton-date{width:60px}.skeleton-button{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;border-radius:20px;height:40px;margin-top:15px;width:120px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.light-theme .article-skeleton{background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.light-theme .skeleton-author,.light-theme .skeleton-button,.light-theme .skeleton-category,.light-theme .skeleton-date,.light-theme .skeleton-image,.light-theme .skeleton-read-time,.light-theme .skeleton-tag,.light-theme .skeleton-title,.light-theme .skeleton-title-short{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.light-theme .skeleton-footer{border-top:1px solid #e0e0e0}.light-theme .articles-page{background:#fff;color:#000}.light-theme .articles-loading{background:#fff}.light-theme .loading-spinner{color:#000}.light-theme .articles-header{background:linear-gradient(135deg,#fff,#fef7f7 50%,#fdf2f2);border-bottom:1px solid #e0e0e0}.light-theme .articles-title{color:#000}.light-theme .articles-subtitle{color:#666}.light-theme .articles-search-input{background:#fff;border:2px solid #e0e0e0;color:#000}.light-theme .articles-search-input:focus{border-color:#fa2132;box-shadow:0 0 0 3px rgba(250,33,50,.1)}.light-theme .articles-search-input::-moz-placeholder{color:#999}.light-theme .articles-search-input::placeholder{color:#999}.light-theme .articles-category-select{background:#fff;border:2px solid #e0e0e0;color:#000}.light-theme .articles-category-select:focus{border-color:#fa2132;box-shadow:0 0 0 3px rgba(250,33,50,.1)}.light-theme .articles-filter-icon,.light-theme .articles-search-icon{color:#666}.light-theme .article-card{background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.light-theme .article-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);transform:translateY(-2px)}.light-theme .article-title{color:#000}.light-theme .article-title:hover{color:#fa2132}.light-theme .article-description{color:#666}.light-theme .article-meta,.light-theme .article-meta-icon{color:#999}.light-theme .article-tag{background:#f5f5f5;border:1px solid #e0e0e0;color:#666}.light-theme .article-tag:hover{background:#fa2132;border-color:#fa2132;color:#fff}.light-theme .article-read-more{background:#fa2132;color:#fff}.light-theme .article-read-more:hover{background:#000;color:#fff}.light-theme .no-articles{color:#666}.light-theme .no-articles-icon{color:#999}.light-theme .article-category{background:linear-gradient(135deg,#fa2132,#e01e2e);color:#fff}.light-theme .article-read-time,.light-theme .article-read-time svg{color:#666}.light-theme .article-title a{color:#000}.light-theme .article-title a:hover{color:#fa2132}.light-theme .article-author,.light-theme .article-author svg{color:#666}.light-theme .article-date{color:#999}.light-theme .results-count{color:#666}.light-theme .search-index-status{color:rgba(0,0,0,.45)}.light-theme .no-results{color:#666}.light-theme .read-more-link{background:linear-gradient(135deg,#fa2132,#e01e2e);color:#fff}.light-theme .read-more-link:hover{background:linear-gradient(135deg,#e01e2e,#fa2132);color:#fff!important}.light-theme .read-more-link:active,.light-theme .read-more-link:focus-visible{color:#fff!important}