.nextjs-vps-page{--vps-bg:#06111f;--vps-surface:#0c1b2d;--vps-soft:#10243a;--vps-line:#24415f;--vps-ink:#eff7ff;--vps-muted:#b8c9db;--vps-cyan:#43d7ff;--vps-violet:#8c86ff;--vps-green:#4de0aa;--vps-amber:#ffbd62;--vps-red:#ff7188}
.active-light-mode.nextjs-vps-page{--vps-bg:#f3f8fc;--vps-surface:#fff;--vps-soft:#f0f6fb;--vps-line:#d4e2ed;--vps-ink:#10243a;--vps-muted:#50657a}
.nextjs-vps-page .blog-hero--article{overflow:hidden;background:radial-gradient(circle at 76% 12%,rgba(67,215,255,.17),transparent 35%),radial-gradient(circle at 11% 84%,rgba(77,224,170,.13),transparent 32%),var(--vps-bg)}
.nextjs-vps-page .blog-hero--article .blog-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:42px;align-items:center}
.nextjs-vps-page .blog-breadcrumbs,.nextjs-vps-page .blog-eyebrow,.nextjs-vps-page .blog-hero h1,.nextjs-vps-page .blog-hero__intro,.nextjs-vps-page .article-meta{grid-column:1}.nextjs-vps-page .blog-hero h1,.nextjs-vps-page .blog-hero__intro,.nextjs-vps-page .article-meta{color:#fff}
.vps-hero{grid-column:2;grid-row:1/7;overflow:hidden;margin:0;border:1px solid rgba(95,224,199,.34);border-radius:24px;box-shadow:0 30px 75px rgba(0,0,0,.38)}.vps-hero img,.vps-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.nextjs-vps-page .article-layout{width:min(1120px,calc(100% - 40px));grid-template-columns:minmax(0,760px) minmax(220px,280px);gap:64px}.nextjs-vps-page .article-content>p,.nextjs-vps-page .article-content>ul,.nextjs-vps-page .article-content>ol{color:var(--vps-muted)}
.vps-audit{margin:28px 0;padding:22px;border:1px solid color-mix(in srgb,var(--vps-amber) 48%,var(--vps-line));border-radius:18px;background:color-mix(in srgb,var(--vps-amber) 8%,var(--vps-surface))}.vps-audit strong{display:block;margin-bottom:7px;color:var(--vps-ink);font-size:1.08rem}.vps-audit p{margin:0!important;color:var(--vps-muted)}
.vps-path{margin:30px 0;padding:25px;border:1px solid var(--vps-line);border-radius:20px;background:var(--vps-surface)}.vps-path h2{margin:0 0 19px!important;font-size:1.35rem!important}.vps-path ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}.vps-path li{display:grid;align-content:start;gap:7px;min-width:0;padding:14px 11px;border:1px solid var(--vps-line);border-radius:13px;background:var(--vps-soft)}.vps-path span{color:var(--vps-cyan);font-size:.65rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.vps-path strong{color:var(--vps-ink);font-size:.82rem;line-height:1.35}.vps-path em{color:var(--vps-green);font-size:.65rem;font-style:normal;font-weight:850;text-transform:uppercase}.vps-path .current{border-color:var(--vps-cyan);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--vps-cyan) 12%,transparent)}.vps-path .upcoming em{color:var(--vps-amber)}
.vps-art{overflow:hidden;margin:30px 0;border:1px solid var(--vps-line);border-radius:22px;background:#071322;box-shadow:0 20px 50px rgba(7,19,34,.16)}.vps-art figcaption{padding:18px 21px;background:var(--vps-surface);color:var(--vps-muted);font-size:1rem;line-height:1.65}.vps-art figcaption strong{color:var(--vps-ink)}
.vps-diagram{overflow:hidden;margin:28px 0;border:1px solid var(--vps-line);border-radius:19px;background:var(--vps-surface);box-shadow:0 14px 36px rgba(20,46,79,.07)}.vps-diagram figcaption{padding:20px 22px;border-bottom:1px solid var(--vps-line);background:linear-gradient(135deg,color-mix(in srgb,var(--vps-cyan) 8%,var(--vps-surface)),color-mix(in srgb,var(--vps-green) 7%,var(--vps-surface)))}.vps-diagram figcaption strong,.vps-diagram figcaption span{display:block}.vps-diagram figcaption strong{margin-bottom:7px;color:var(--vps-ink);font-size:1.1rem}.vps-diagram figcaption span{max-width:70ch;color:var(--vps-muted);font-size:1rem;line-height:1.62}
.vps-flow{display:flex;align-items:stretch;justify-content:center;gap:10px;padding:23px}.vps-flow>span,.vps-flow>b,.vps-flow>section{display:grid;flex:1;min-width:0;min-height:62px;place-content:center;gap:7px;padding:13px;border:1px solid var(--vps-line);border-radius:13px;background:var(--vps-soft);color:var(--vps-ink);font-size:.91rem;line-height:1.42;text-align:center}.vps-flow>i{align-self:center;flex:0 0 auto;color:var(--vps-violet);font-size:1.2rem;font-style:normal;font-weight:900}.vps-flow>section{flex:1.3}.vps-flow section span,.vps-flow section b{display:block;padding:7px 8px;border-radius:8px;background:color-mix(in srgb,var(--vps-cyan) 8%,var(--vps-surface))}.vps-flow .safe{border-color:color-mix(in srgb,var(--vps-green) 58%,var(--vps-line));color:var(--vps-green)}.vps-flow .private{border-color:color-mix(in srgb,var(--vps-cyan) 58%,var(--vps-line));color:var(--vps-cyan)}.vps-flow .danger{border-color:color-mix(in srgb,var(--vps-red) 58%,var(--vps-line));color:var(--vps-red)}.vps-flow--stack{display:grid}.vps-flow--stack>i{justify-self:center}.vps-flow--split{display:grid;grid-template-columns:1fr 1fr}
.vps-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:25px 0}.vps-card-grid section{min-width:0;padding:21px;border:1px solid var(--vps-line);border-radius:17px;background:var(--vps-surface)}.vps-card-grid h3{margin:0 0 9px;font-size:1.12rem}.vps-card-grid p,.vps-card-grid li{color:var(--vps-muted);font-size:1rem;line-height:1.7}.vps-card-grid p{margin:0}.vps-card-grid ul{margin:0;padding-left:20px}.checklist-groups section:last-child{grid-column:1/-1}
.vps-table{max-width:100%;overflow-x:auto;margin:25px 0;border:1px solid var(--vps-line);border-radius:15px}.vps-table table{min-width:760px;margin:0}.vps-table th{background:var(--vps-soft);color:var(--vps-ink)}.vps-table th,.vps-table td{padding:14px 16px;vertical-align:top}.vps-checklist{columns:2;column-gap:34px}.vps-checklist li{break-inside:avoid;margin-bottom:10px}.vps-checklist--bad li::marker{color:var(--vps-red)}
.nextjs-vps-page .code-block pre{max-width:100%;overflow-x:auto}.vps-note,.vps-warning{margin:24px 0;padding:19px 21px;border-left:4px solid var(--vps-cyan);border-radius:0 14px 14px 0;background:var(--vps-soft);color:var(--vps-muted)}.vps-warning{border-left-color:var(--vps-amber);background:color-mix(in srgb,var(--vps-amber) 8%,var(--vps-surface))}
@media(max-width:991px){.nextjs-vps-page .blog-hero--article .blog-container{grid-template-columns:1fr}.nextjs-vps-page .blog-breadcrumbs,.nextjs-vps-page .blog-eyebrow,.nextjs-vps-page .blog-hero h1,.nextjs-vps-page .blog-hero__intro,.nextjs-vps-page .article-meta,.vps-hero{grid-column:1}.vps-hero{grid-row:auto}.nextjs-vps-page .article-layout{grid-template-columns:1fr}.nextjs-vps-page .article-toc{display:none}}
@media(max-width:767px){.nextjs-vps-page .blog-hero--article{padding:102px 0 48px}.nextjs-vps-page .article-layout{width:min(100% - 28px,760px)}.vps-path{padding:18px}.vps-path ol,.vps-card-grid,.vps-flow--split{grid-template-columns:1fr}.checklist-groups section:last-child{grid-column:auto}.vps-flow{flex-direction:column;padding:18px}.vps-flow>i{align-self:center;transform:rotate(90deg)}.vps-flow--stack>i{transform:none}.vps-flow>span,.vps-flow>b,.vps-flow>section{width:100%}.vps-diagram figcaption{padding:18px}.vps-checklist{columns:1}.vps-art,.vps-hero{border-radius:16px}}
@media(max-width:420px){.nextjs-vps-page .blog-container{width:min(100% - 22px,1180px)}.vps-diagram{margin-inline:-2px}.vps-diagram figcaption strong{font-size:1.02rem}.vps-diagram figcaption span,.vps-flow>span,.vps-flow>b,.vps-flow>section{font-size:.93rem}.vps-table table{min-width:660px}}
@media print{.vps-diagram,.vps-art{break-inside:avoid}.vps-hero,.vps-art{box-shadow:none}}