.articles-page{background-color:#050a14;min-height:100vh;position:relative;overflow:hidden}.relative-z{z-index:2;position:relative}.articles-bg-layer{z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 0,#14284666 0%,#050a14 80%);position:fixed;inset:0}.articles-fog-layer{z-index:1;opacity:.1;pointer-events:none;background:url(https://raw.githubusercontent.com/danielstuart14/CSS_FOG_ANIMATION/master/fog1.png) 0 0/200% 100% repeat-x;animation:60s linear infinite fogMove;position:fixed;inset:0}@keyframes fogMove{0%{background-position:0 0}to{background-position:200% 0}}.articles-hero{text-align:center;padding:8rem 0 4rem}.hero-content{flex-direction:column;align-items:center;max-width:800px;margin:0 auto;animation:.8s ease-out fadeInDown;display:flex}.hero-badge{letter-spacing:.15em;color:#dbeaff;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a142899;border:1px solid #4da6ff4d;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.2rem;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:0 0 15px #4da6ff1a}.badge-dot{background-color:#4da6ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #4da6ff}.articles-hero h1{font-family:var(--font-display,"Cinzel",serif);color:#fff;text-shadow:0 10px 30px #0009;background:linear-gradient(#fff 20%,#b8d5ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:3.5rem}.articles-hero p{color:#94a3b8;max-width:580px;font-size:1.15rem;line-height:1.6}.articles-list-section{padding-bottom:8rem}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;display:grid}.fade-in-item{opacity:0;animation:.8s ease-out forwards fadeInUp}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.articles-hero{padding:6rem 0 3rem}.articles-hero h1{font-size:2.5rem}.articles-grid{grid-template-columns:1fr;gap:1.5rem}}