.blog-article-page{background:linear-gradient(180deg,#f5f7fb,#fff 55%,#f1f5f9);color:var(--color-text)}.article-hero,.article-shell{position:relative}.article-hero{overflow:hidden;padding:100px 0 72px;background:radial-gradient(ellipse 80% 50% at 20% 20%,#2b399033,#0000),radial-gradient(ellipse 60% 40% at 75% 10%,#7cb3422e,#0000),radial-gradient(ellipse 50% 80% at 90% 90%,#2b399026,#0000),linear-gradient(160deg,#0f172a,#1e2870 50%,#2b3990);color:#fff}.article-hero__glow{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(120px);opacity:.55;z-index:0}.article-hero__glow--primary{background:#2b39908c;top:-60px;left:-40px}.article-hero__glow--accent{background:#7cb34273;bottom:-80px;right:-120px}.article-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.8fr .95fr;gap:28px;align-items:start}.article-hero__copy{display:flex;flex-direction:column;gap:20px}.article-hero__meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.article-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;background:linear-gradient(135deg,#7cb34233,#7cb3421a);border:1px solid #7cb3424d;border-radius:8px;font-weight:600;font-size:13px;letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.article-badge__dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 4px #7cb3424d;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.article-meta-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.article-meta-item{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;background:#ffffff0f;border:1px solid #ffffff1f;color:#ffffffe6;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease}.article-meta-item svg{opacity:.7;flex-shrink:0}.article-meta-item--author{background:linear-gradient(135deg,#7cb34226,#7cb34214);border-color:#7cb3424d}.article-meta-item--author svg{color:var(--color-accent);opacity:1}.article-author-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid #7cb34280}.article-hero__title{font-size:clamp(32px,4.5vw,52px);font-weight:800;line-height:1.15;letter-spacing:-.03em;margin:0;color:#fff;text-shadow:0 2px 40px #0000004d}.article-hero__subtitle{margin:8px 0 0;color:#fffc;font-size:18px;line-height:1.6;max-width:560px;font-weight:400}.article-hero__chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:6px}.article-chip{padding:12px 14px;border-radius:12px;background:#ffffff14;border:1px solid #ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.article-chip__label{display:block;color:#ffffffb8;font-size:12px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}.article-chip__value{color:#fff;font-weight:var(--font-weight-semibold)}.article-hero__visual{position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:8px}.article-visual__outline{position:absolute;inset:-12px;border-radius:28px;background:linear-gradient(145deg,#2b399059,#7cb34266);filter:blur(20px);opacity:.45;animation:glow-pulse 4s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}.article-visual__inner{position:relative;width:100%;background:linear-gradient(180deg,#ffffff1a,#ffffff0a);border:1px solid #ffffff26;border-radius:20px;padding:10px;box-shadow:0 20px 40px -10px #00000059,inset 0 1px 0 #ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.article-image-wrapper{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#2b39904d,#7cb34233)}.article-image{object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s ease}.article-image-wrapper:hover .article-image{transform:scale(1.03);filter:brightness(1.05)}.article-image-placeholder{display:grid;place-items:center;height:100%;color:#fff;font-size:48px;font-weight:var(--font-weight-bold);background:linear-gradient(135deg,#2b399080,#7cb34280)}.article-visual__card{position:absolute;right:20px;bottom:-30px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#fffffff2,#f0f5ffe6);color:var(--color-text);box-shadow:0 18px 60px #00000040;border:1px solid var(--color-primary-100);max-width:280px}.article-visual__eyebrow{margin:0 0 6px;color:var(--color-primary-700);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;font-size:12px}.article-visual__headline{margin:0;font-weight:var(--font-weight-semibold);line-height:1.4}.article-visual__meta{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;border-radius:10px;background:var(--color-primary-50);color:var(--color-primary-800);font-weight:var(--font-weight-medium);font-size:13px}.article-visual__dot{width:10px;height:10px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 6px #7cb3422e}.article-body{margin-top:-28px;position:relative;z-index:2}.article-body__grid{display:grid;grid-template-columns:1.8fr .95fr;gap:28px;align-items:start;padding-bottom:40px}.article-content-card{background:linear-gradient(180deg,#fff,#fafbff);border:1px solid #2b399014;border-radius:24px;padding:48px;box-shadow:0 4px 6px #16204a05,0 12px 24px #16204a0a,0 24px 48px #16204a0f}.article-content .hc-article-body-improved{display:grid;gap:24px;color:#374151;font-size:17px;line-height:1.8;letter-spacing:-.01em}.article-content .hc-article-body-improved h2,.article-content .hc-article-body-improved h3{color:var(--color-primary-900);line-height:1.3;letter-spacing:-.02em;font-weight:700}.article-content .hc-article-body-improved h2{font-size:clamp(26px,2.8vw,32px);margin:40px 0 16px;padding-bottom:12px;border-bottom:2px solid #2b399014}.article-content .hc-article-body-improved h2:first-child{margin-top:0}.article-content .hc-article-body-improved h3{font-size:clamp(20px,2.2vw,24px);margin:32px 0 12px;color:var(--color-primary-800)}.article-content .hc-article-body-improved p{margin:0;color:#4b5563}.article-content .hc-article-body-improved ol,.article-content .hc-article-body-improved ul{padding-left:24px;margin:16px 0;display:grid;gap:12px}.article-content .hc-article-body-improved li{color:#4b5563;padding-left:8px}.article-content .hc-article-body-improved li::marker{color:var(--color-accent);font-weight:700}.article-content .hc-article-body-improved strong{color:var(--color-primary-900);font-weight:600}.article-content .hc-article-body-improved blockquote{margin:24px 0;padding:24px 28px;border-left:4px solid var(--color-accent);background:linear-gradient(135deg,#7cb3420f,#7cb34205);border-radius:0 16px 16px 0;color:var(--color-primary-900);font-weight:500;font-size:18px;line-height:1.7;font-style:italic}.article-content .hc-article-rich-image{margin:24px 0}.article-content .hc-article-rich-image img{width:100%;border-radius:14px;object-fit:cover;box-shadow:0 20px 50px #16204a26}.article-content .hc-article-rich-image figcaption{margin-top:10px;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.article-aside{position:sticky;top:120px;display:grid;gap:16px}.article-aside__related{background:linear-gradient(180deg,#fff,#f8fafc);color:var(--color-text);border-radius:20px;padding:24px;border:1px solid #2b39901a;box-shadow:0 4px 6px #2b39900a,0 12px 24px #2b399014}.article-aside__related-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.article-aside__related-badge{width:10px;height:10px;border-radius:999px;background:#7cb342;box-shadow:0 0 0 8px #7cb3422e}.article-aside__related-title{margin:0;font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary-900);font-size:16px}.article-aside__related-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.article-aside__related-list li a{display:grid;gap:4px;padding:14px;border-radius:12px;background:#2b399008;border:1px solid #2b399014;color:var(--color-primary-900);text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.article-aside__related-list li a:hover{transform:translateX(3px);border-color:#7cb34280;background:#7cb34214}.article-aside__related-list strong{font-size:15px;line-height:1.4;color:var(--color-primary-900)}.article-aside__related-list small{color:var(--color-text-secondary);font-size:13px}.article-aside__card{background:linear-gradient(180deg,#fff,#f8fafc);color:var(--color-text);border-radius:18px;padding:22px;border:1px solid #2b39901a;box-shadow:0 8px 24px #2b399014}.article-aside__card h3{margin:0 0 14px;font-size:18px;color:var(--color-primary-900)}.article-aside__list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.article-aside__list li{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:#2b399008;border:1px solid #2b399014}.article-aside__list span{color:var(--color-text-secondary)}.article-aside__list strong{color:var(--color-primary-900)}.article-aside__cta{position:relative;overflow:hidden;border-radius:18px;padding:24px;background:linear-gradient(145deg,#2b3990,#3d4ba8);color:#fff;box-shadow:0 12px 32px #2b399040}.article-aside__cta:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 0,#ffffff38,#0000 45%);pointer-events:none}.article-aside__cta-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffff24;border:1px solid #ffffff3d;font-weight:var(--font-weight-semibold)}.article-aside__pulse{width:10px;height:10px;border-radius:50%;background:#7cb342;box-shadow:0 0 0 8px #7cb34247}.article-aside__cta-title{margin:12px 0 8px;font-size:18px;font-weight:var(--font-weight-bold);line-height:1.4}.article-aside__cta-copy{margin:0 0 14px;color:#ffffffe0;line-height:1.6}.article-aside__cta-link{display:inline-flex;align-items:center;gap:8px;color:#0b142e;background:#fff;border-radius:12px;padding:10px 14px;font-weight:var(--font-weight-semibold);text-decoration:none;box-shadow:0 10px 30px #0003}.article-related{padding:48px 0 88px}.article-related__header{text-align:center;max-width:640px;margin:0 auto 28px}.article-related__eyebrow{display:inline-block;padding:8px 12px;border-radius:999px;background:var(--color-primary-50);color:var(--color-primary-700);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;font-size:12px;margin:0 0 10px}.article-related__title{margin:0;font-size:clamp(26px,3vw,32px);color:var(--color-primary-900)}.article-related__subtitle{margin:10px 0 0;color:var(--color-text-secondary);line-height:1.6}.article-related__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.article-related__card{position:relative;display:grid;gap:10px;padding:18px;border-radius:16px;background:linear-gradient(160deg,#fff,#f6f9ff);border:1px solid var(--color-primary-100);color:var(--color-text);text-decoration:none;box-shadow:0 16px 50px #16204a1f;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.article-related__card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #16204a29;border-color:var(--color-primary-200)}.article-related__card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.article-related__pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--color-primary-50);color:var(--color-primary-700);font-weight:var(--font-weight-semibold)}.article-related__card h4{margin:4px 0;font-size:18px;color:var(--color-primary-900)}.article-related__card p{margin:0;color:var(--color-text-secondary);line-height:1.5}.article-related__footer{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary-700);font-weight:var(--font-weight-semibold)}@media (max-width:1100px){.article-body__grid{grid-template-columns:1fr}.article-aside{position:relative;top:0}}@media (max-width:900px){.article-hero{padding:72px 0 52px}.article-hero__grid{grid-template-columns:1fr;gap:32px}.article-visual__card{position:relative;right:0;bottom:0;margin-top:12px}}@media (max-width:640px){.article-hero__chips{grid-template-columns:1fr}.article-content-card{padding:24px 20px;border-radius:16px}.article-meta-bar{gap:6px}.article-meta-item{padding:8px 12px;font-size:13px}.article-hero__title{font-size:clamp(26px,7vw,36px)}.article-content .hc-article-body-improved{font-size:16px;gap:20px}.article-content .hc-article-body-improved h2{font-size:22px;margin:32px 0 12px}.article-content .hc-article-body-improved h3{font-size:18px;margin:24px 0 10px}.article-content .hc-article-body-improved blockquote{padding:16px 20px;font-size:16px}}