.articles-page{min-height:100vh;background:transparent;position:relative;padding-top:2rem}.articles-section{padding:5rem 1.5rem 4rem;text-align:center;position:relative}.articles-container{max-width:1200px;margin:0 auto}.articles-header{margin-bottom:3.5rem}.articles-title{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:400;color:var(--text-primary);font-family:var(--font-heading);margin-bottom:1.75rem;letter-spacing:-.01em}.articles-category-tabs{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.category-tab{padding:.45rem 1.1rem;border-radius:999px;border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease;letter-spacing:.02em}.category-tab:hover{color:var(--text-primary);border-color:rgba(255,255,255,.2)}.category-tab.active{background:var(--accent-gold);border-color:var(--accent-gold);color:#000}.articles-loading{text-align:center;padding:5rem 2rem;background:var(--glass-bg);border-radius:12px;border:1px solid var(--glass-border)}.loading-spinner{width:40px;height:40px;margin:0 auto 1.5rem;border:3px solid var(--glass-border);border-top-color:var(--accent-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:var(--text-secondary);font-size:1rem;margin:0}.articles-empty{text-align:center;padding:5rem 2rem;background:var(--glass-bg);border-radius:12px;border:1px solid var(--glass-border)}.empty-title{color:var(--text-primary);font-size:1.5rem;font-weight:400;font-family:var(--font-heading);margin-bottom:.5rem}.empty-subtitle{color:var(--text-secondary);font-size:.95rem;margin:0}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;text-align:left}.article-link{text-decoration:none;display:block}.article-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;color:var(--text-primary);transition:border-color .2s ease;height:100%;display:flex;flex-direction:column;cursor:pointer}.article-card:hover{border-color:rgba(255,255,255,.12)}.article-image-wrapper{position:relative;width:100%;height:220px;overflow:hidden;background:rgba(255,255,255,.02)}.article-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.article-card:hover .article-image{transform:scale(1.03)}.article-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.02);color:var(--text-secondary);font-size:2rem}.article-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:.6rem}.article-category-badge{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;width:fit-content}.category-technical{background:rgba(100,160,255,.12);color:#7eb5ff;border:1px solid rgba(100,160,255,.2)}.category-philosophical{background:rgba(180,130,255,.12);color:#c49fff;border:1px solid rgba(180,130,255,.2)}.category-my_thoughts{background:rgba(255,200,80,.1);color:var(--accent-gold);border:1px solid rgba(255,200,80,.2)}.article-title{margin:0;color:var(--text-primary);font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.4;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.meta-author,.meta-date{display:flex;align-items:center;gap:.35rem;color:var(--text-secondary);font-size:.8rem;font-weight:500}.meta-icon{font-size:.85rem}.article-excerpt{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.article-read-more{display:flex;align-items:center;gap:.35rem;color:var(--accent-gold);font-weight:500;font-size:.88rem;margin-top:auto;padding-top:.5rem}.read-more-arrow{font-size:1rem;transition:transform .2s ease}.article-card:hover .read-more-arrow{transform:translateX(3px)}@media (max-width:768px){.articles-section{padding:3rem 1rem}.articles-header{margin-bottom:3rem}.articles-grid{grid-template-columns:1fr;gap:1.5rem}.article-image-wrapper{height:180px}.article-content{padding:1.25rem}}@media (max-width:480px){.articles-section{padding:2rem .75rem}.article-image-wrapper{height:160px}.article-content{padding:1rem}}@media (min-width:769px) and (max-width:1024px){.articles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}}