.blog-page[data-v-33dc6cf2]{--ink: #0a222c;--deep: #123a46;--mint: #1dd57e;--green: #087f51;--paper: #f4f8f6;--line: #dce5e1;--muted: #5f7077;min-height:100vh;background:var(--paper)}.reading-progress[data-v-33dc6cf2]{position:fixed;top:0;right:0;left:0;z-index:2000;height:4px;pointer-events:none}.reading-progress span[data-v-33dc6cf2]{display:block;height:100%;background:linear-gradient(90deg,var(--mint),#38bdf8);transform:scaleX(0);transform-origin:left;will-change:transform}.article-hero[data-v-33dc6cf2]{position:relative;z-index:1;overflow:hidden;padding:10.5rem 0 9rem;color:#fff;background:linear-gradient(135deg,var(--ink) 0%,var(--deep) 60%,#0a3a33 100%);border-radius:0 0 3rem 3rem}.article-hero__orb[data-v-33dc6cf2]{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}.article-hero__orb--mint[data-v-33dc6cf2]{top:-9rem;right:-5rem;width:30rem;height:30rem;background:#1dd57e61;animation:orb-drift-33dc6cf2 18s ease-in-out infinite alternate}.article-hero__orb--sky[data-v-33dc6cf2]{bottom:-10rem;left:-7rem;width:26rem;height:26rem;background:#38bdf840;animation:orb-drift-33dc6cf2 22s ease-in-out infinite alternate-reverse}.article-hero__dots[data-v-33dc6cf2]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 15%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 30%,#000 15%,transparent 70%);pointer-events:none}.article-hero__inner[data-v-33dc6cf2]{position:relative;z-index:1;max-width:920px;animation:hero-in-33dc6cf2 .7s cubic-bezier(.2,.7,.2,1) both}.article-back[data-v-33dc6cf2]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem .5rem .8rem;margin-bottom:2.5rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#d5f7e4;background:#ffffff14;font-size:.92rem;font-weight:600;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .16s ease}.article-back svg[data-v-33dc6cf2]{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.article-back[data-v-33dc6cf2]:hover{color:#fff;background:#ffffff29}.article-category[data-v-33dc6cf2]{margin-bottom:.9rem;color:var(--green);font-size:.95rem;font-weight:700}.article-hero .article-category[data-v-33dc6cf2]{display:inline-block;padding:.3rem .8rem;border-radius:999px;color:#05241a;background:linear-gradient(135deg,#5bf0a8,var(--mint));font-size:.82rem;font-weight:800}.article-hero h1[data-v-33dc6cf2]{max-width:840px;margin-bottom:1.25rem;font-size:clamp(2.4rem,6.5vw,4.6rem);font-weight:800;letter-spacing:-.03em;word-spacing:.06em;line-height:1.08}.article-excerpt[data-v-33dc6cf2]{max-width:720px;margin-bottom:2rem;color:#ffffffc7;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.7}.article-byline[data-v-33dc6cf2]{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem}.article-byline__text[data-v-33dc6cf2]{display:flex;flex-direction:column;line-height:1.35}.article-byline__text span[data-v-33dc6cf2]{color:#ffffffad;font-size:.9rem}.article-readtime[data-v-33dc6cf2]{padding:.4rem .9rem;margin-left:.4rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#d5f7e4;font-size:.88rem;font-weight:600}.article-avatar[data-v-33dc6cf2]{display:inline-grid;flex:none;place-items:center;width:2.8rem;height:2.8rem;border-radius:50%;color:#05241a;background:linear-gradient(135deg,#5bf0a8,#38bdf8);font-weight:800}.article-avatar--lg[data-v-33dc6cf2]{width:3.6rem;height:3.6rem;font-size:1.3rem}.article-layout[data-v-33dc6cf2]{position:relative;z-index:3;max-width:1000px;margin-top:-5.5rem}.article-image[data-v-33dc6cf2]{display:block;width:100%;max-height:540px;border:6px solid var(--paper);border-radius:1.75rem;background:#e6efeb;box-shadow:0 40px 80px -30px #0a222c8c;object-fit:cover}.article-content[data-v-33dc6cf2]{max-width:780px;margin:3.5rem auto 0;color:#2f4047;font-size:19px;line-height:1.85}.article-content p[data-v-33dc6cf2]{margin-bottom:1.5rem;color:#2f4047;font-size:19px;line-height:1.85}.article-content>p[data-v-33dc6cf2]:first-child{color:var(--ink);font-size:23px;font-weight:500;line-height:1.7}.article-content h2[data-v-33dc6cf2]{margin:3.25rem 0 1.1rem;color:var(--ink);font-size:clamp(26px,3.2vw,36px);font-weight:800;letter-spacing:-.02em;line-height:1.2}.article-content h2[data-v-33dc6cf2]:after{display:block;width:2.75rem;height:4px;margin-top:.7rem;border-radius:4px;background:linear-gradient(90deg,var(--mint),#38bdf8);content:""}.article-content ul[data-v-33dc6cf2]{padding:0;margin:0 0 1.75rem;list-style:none}.article-content li[data-v-33dc6cf2]{position:relative;padding:.85rem 1rem .85rem 3.1rem;margin-bottom:.6rem;border:1px solid var(--line);border-radius:.9rem;color:#2f4047;background:#fff;font-size:18px;line-height:1.6}.article-content li[data-v-33dc6cf2]:before{position:absolute;top:1rem;left:1rem;width:1.35rem;height:1.35rem;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2305241a' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center / 72% no-repeat;content:""}.article-tags[data-v-33dc6cf2]{display:flex;flex-wrap:wrap;gap:.55rem;padding-top:1.5rem;margin-top:2.5rem;border-top:1px solid var(--line)}.article-tags span[data-v-33dc6cf2]{padding:.4rem .8rem;border-radius:999px;color:#3f5d53;background:#e3f0e9;font-size:.85rem;font-weight:600}.article-author[data-v-33dc6cf2]{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.25rem 1.4rem;margin-top:2rem;border-radius:1.25rem;color:#fff;background:linear-gradient(135deg,var(--ink),var(--deep));line-height:1.4}.article-author__text[data-v-33dc6cf2]{display:flex;flex:1;flex-direction:column;min-width:10rem}.article-author__label[data-v-33dc6cf2]{color:#fff9;font-size:.82rem}.article-author__text strong[data-v-33dc6cf2]{font-size:1.1rem}.article-author__text a[data-v-33dc6cf2]{color:#8be6b4;font-size:.92rem;font-weight:600}.article-copy[data-v-33dc6cf2]{padding:.7rem 1.2rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;background:#ffffff14;font-weight:600;cursor:pointer;transition:background .16s ease}.article-copy[data-v-33dc6cf2]:hover{background:#ffffff2e}.article-copy[data-v-33dc6cf2]:focus-visible,.article-back[data-v-33dc6cf2]:focus-visible{outline:3px solid rgba(139,230,180,.7);outline-offset:3px}.related-posts[data-v-33dc6cf2]{padding:5rem 0 6rem;margin-top:5rem;background:#fff;border-radius:3rem 3rem 0 0}.related-posts__heading[data-v-33dc6cf2]{margin-bottom:2rem}.related-posts__heading h2[data-v-33dc6cf2]{margin:0;color:var(--ink);font-size:clamp(1.9rem,4vw,2.7rem);font-weight:800;letter-spacing:-.02em}.related-posts__grid[data-v-33dc6cf2]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem}.related-posts__grid>*[data-v-33dc6cf2]{transition:transform .26s ease,box-shadow .26s ease}.related-posts__grid>*[data-v-33dc6cf2]:hover{box-shadow:0 30px 50px -28px #0a222c73;transform:translateY(-6px)}.article-not-found[data-v-33dc6cf2]{padding:12rem 0 6rem;color:#43545a}.article-not-found h1[data-v-33dc6cf2]{color:var(--ink)}.article-not-found a[data-v-33dc6cf2]{color:var(--green);font-weight:600}@keyframes hero-in-33dc6cf2{0%{opacity:0;transform:translateY(18px)}}@keyframes orb-drift-33dc6cf2{to{transform:translate3d(-60px,50px,0) scale(1.1)}}@media (prefers-reduced-motion: reduce){.article-hero__orb[data-v-33dc6cf2],.article-hero__inner[data-v-33dc6cf2]{animation:none}.reading-progress span[data-v-33dc6cf2],.related-posts__grid>*[data-v-33dc6cf2]{transition:none}}@media (max-width: 991.98px){.related-posts__grid[data-v-33dc6cf2]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767.98px){.article-hero[data-v-33dc6cf2]{padding:8rem 0 6.5rem;border-radius:0 0 2rem 2rem}.article-back[data-v-33dc6cf2]{margin-bottom:1.75rem}.article-layout[data-v-33dc6cf2]{margin-top:-3.5rem}.article-image[data-v-33dc6cf2]{border-width:4px;border-radius:1.1rem}.article-content[data-v-33dc6cf2]{margin-top:2rem}.article-content p[data-v-33dc6cf2],.article-content li[data-v-33dc6cf2]{font-size:17px}.article-content>p[data-v-33dc6cf2]:first-child{font-size:20px}.related-posts[data-v-33dc6cf2]{padding-top:3.5rem;margin-top:3.5rem;border-radius:2rem 2rem 0 0}.related-posts__grid[data-v-33dc6cf2]{grid-template-columns:1fr}}
