.article-page{background-color:#050a14;min-height:100vh;padding-bottom:6rem;position:relative;overflow:hidden}.relative-z{z-index:2;position:relative}.article-bg-layer{z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 0,#14284666 0%,#050a14 80%);position:fixed;inset:0}.article-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}}.article-header-section{text-align:center;padding:8rem 0 3rem}.article-header-content{flex-direction:column;align-items:center;max-width:900px;margin:0 auto;display:flex}.article-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}.article-title{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:3rem;line-height:1.2}.article-meta{color:#94a3b8;align-items:center;gap:1rem;font-size:.95rem;font-weight:500;display:flex}.meta-separator{color:#fff3}.article-body{-webkit-backdrop-filter:blur(16px);background:#0d142399;border:1px solid #ffffff0d;border-radius:24px;max-width:900px;margin:0 auto;padding:4rem;position:relative;box-shadow:0 20px 50px #00000080}.article-body:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#4da6ff26,#0000);border-radius:24px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.article-html-content{color:#c1d5f2;font-size:1.1rem;line-height:1.8;font-family:var(--font-primary,sans-serif)}.article-html-content p{margin-bottom:1.8rem}.article-html-content strong,.article-html-content b{color:#fff;font-weight:600}.article-html-content h2{font-family:var(--font-display,"Cinzel",serif);color:#fff;text-shadow:0 4px 10px #00000080;border-bottom:1px solid #4da6ff33;margin-top:3rem;margin-bottom:1.5rem;padding-bottom:.8rem;font-size:2rem}.article-html-content h3{font-family:var(--font-display,"Cinzel",serif);color:#4da6ff;margin-top:2.5rem;margin-bottom:1rem;font-size:1.5rem}.article-html-content ul,.article-html-content ol{background:#0003;border:1px solid #ffffff08;border-radius:12px;margin-bottom:2rem;padding:1.5rem 1.5rem 1.5rem 3rem}.article-html-content li{margin-bottom:.8rem}.article-html-content li::marker{color:#4da6ff}.article-html-content a{color:#4da6ff;border-bottom:1px solid #4da6ff66;text-decoration:none;transition:all .2s}.article-html-content a:hover{color:#8dc2ff;text-shadow:0 0 10px #4da6ff66;border-bottom-color:#8dc2ff}.article-html-content blockquote{color:#e0eaff;background:#4da6ff0d;border-left:4px solid #4da6ff;border-radius:0 8px 8px 0;margin:2rem 0;padding:1.5rem;font-style:italic}.article-html-content img{border:1px solid #ffffff1a;border-radius:12px;max-width:100%;height:auto;margin:2rem 0;box-shadow:0 10px 30px #00000080}@media (max-width:768px){.article-header-section{padding-top:6rem}.article-title{font-size:2rem}.article-body{padding:2rem 1.5rem}.article-html-content{font-size:1rem}}