:root{--bg:#0A0A0B;--surface:#141416;--surface-2:#1C1C1F;--border:#26262B;--border-bright:#353540;--text:#FAFAFA;--text-muted:#A1A1AA;--text-dim:#71717A;--yellow:#FFD400;--yellow-dim:#B89900;--green:#16A34A;--red:#DC2626;--orange:#F97316;--blue:#3B82F6}*{box-sizing:border-box;margin:0;padding:0}body.vblog-page{background:var(--bg);color:var(--text);font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--yellow);text-decoration:none}a:hover{text-decoration:underline}.vblog-header{position:sticky;top:0;z-index:100;background:rgb(10 10 11 / .92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.vblog-header-inner{max-width:1240px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.vblog-logo{font-family:'Inter',sans-serif;font-weight:800;font-size:20px;letter-spacing:-.03em;color:var(--text)}.vblog-logo:hover{color:var(--yellow);text-decoration:none}.site-nav{display:flex;gap:24px;align-items:center}.site-nav a{color:var(--text-muted);font-weight:500;font-size:14px;letter-spacing:-.01em}.site-nav a:hover{color:var(--yellow);text-decoration:none}.vblog-main{min-height:calc(100vh - 240px)}.vblog-hub-hero{max-width:1240px;margin:0 auto;padding:72px 24px 32px}.vblog-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:500;color:var(--yellow);text-transform:uppercase;letter-spacing:.15em;padding:6px 12px;background:rgb(255 212 0 / .08);border:1px solid rgb(255 212 0 / .2);border-radius:2px;margin-bottom:20px}.vblog-hub-hero h1{font-family:'Inter',sans-serif;font-size:clamp(2.4rem, 5.5vw, 4rem);line-height:1.02;letter-spacing:-.04em;font-weight:800;margin-bottom:18px;max-width:920px}.vblog-hub-hero h1 em{font-style:normal;color:var(--yellow)}.vblog-hub-hero p{font-size:18px;color:var(--text-muted);line-height:1.55;max-width:680px}.vblog-articles{max-width:1240px;margin:0 auto;padding:32px 24px 64px;display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}.vblog-article-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:28px 30px;display:flex;flex-direction:column;transition:all 0.2s;color:inherit;position:relative;overflow:hidden}.vblog-article-card:hover{border-color:var(--yellow);transform:translateY(-2px);text-decoration:none;box-shadow:0 8px 32px rgb(255 212 0 / .08)}.vblog-article-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--yellow);opacity:0;transition:opacity 0.2s}.vblog-article-card:hover::before{opacity:1}.vblog-article-meta{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-family:'IBM Plex Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.vblog-article-category{color:var(--yellow);font-weight:700}.vblog-article-card h2{font-family:'Inter',sans-serif;font-size:20px;line-height:1.25;letter-spacing:-.02em;font-weight:700;color:var(--text);margin-bottom:12px;flex-grow:0}.vblog-article-card p{font-size:14.5px;color:var(--text-muted);line-height:1.55;flex-grow:1;margin-bottom:20px}.vblog-article-link{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:700;color:var(--yellow);letter-spacing:.08em;text-transform:uppercase}.vblog-article-link::after{content:" →"}.vblog-article-hero{max-width:820px;margin:0 auto;padding:72px 24px 32px}.vblog-article-hero .meta{display:flex;align-items:center;gap:14px;margin-bottom:24px;font-family:'IBM Plex Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);flex-wrap:wrap}.vblog-article-hero .meta .cat{color:var(--yellow);font-weight:700;padding:4px 10px;background:rgb(255 212 0 / .1);border-radius:2px}.vblog-article-hero h1{font-family:'Inter',sans-serif;font-size:clamp(2rem, 4.5vw, 3.2rem);line-height:1.1;letter-spacing:-.035em;font-weight:800;margin-bottom:20px}.vblog-article-hero .excerpt{font-size:20px;color:var(--text-muted);line-height:1.5;max-width:720px}.vblog-article-body{max-width:760px;margin:0 auto;padding:32px 24px 64px}.vblog-article-body h2{font-family:'Inter',sans-serif;font-size:28px;line-height:1.2;letter-spacing:-.025em;font-weight:800;color:var(--text);margin-top:48px;margin-bottom:18px}.vblog-article-body h2:first-child{margin-top:0}.vblog-article-body h3{font-size:20px;font-weight:700;color:var(--text);margin-top:32px;margin-bottom:12px}.vblog-article-body p{font-size:17px;color:var(--text);line-height:1.7;margin-bottom:20px}.vblog-article-body p.lead{font-size:19px;color:var(--text-muted)}.vblog-article-body p strong{color:var(--text);font-weight:700}.vblog-article-body a{color:var(--yellow);border-bottom:1px solid rgb(255 212 0 / .4);transition:border-color 0.15s}.vblog-article-body a:hover{border-color:var(--yellow);text-decoration:none}.vblog-article-body ul,.vblog-article-body ol{margin:20px 0 20px 24px;color:var(--text);font-size:17px;line-height:1.7}.vblog-article-body ul li,.vblog-article-body ol li{margin-bottom:10px}.vblog-article-body blockquote{border-left:3px solid var(--yellow);padding:18px 28px;margin:28px 0;background:rgb(255 212 0 / .04);font-style:italic;color:var(--text);font-size:18px;line-height:1.6;border-radius:0 4px 4px 0}.vblog-callout{background:rgb(255 212 0 / .05);border-left:3px solid var(--yellow);padding:20px 24px;margin:28px 0;border-radius:0 4px 4px 0}.vblog-callout-title{font-weight:700;color:var(--yellow);font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.vblog-callout p{color:var(--text);font-size:15.5px;line-height:1.65;margin-bottom:10px}.vblog-callout p:last-child{margin-bottom:0}.vblog-warning{background:rgb(220 38 38 / .06);border-left:3px solid var(--red);padding:20px 24px;margin:28px 0;border-radius:0 4px 4px 0}.vblog-warning-title{font-weight:700;color:var(--red);font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.vblog-warning p{color:var(--text);font-size:15.5px;line-height:1.65;margin-bottom:10px}.vblog-warning p:last-child{margin-bottom:0}.vblog-article-body table{width:100%;border-collapse:collapse;margin:28px 0;background:var(--surface);border:1px solid var(--border);border-radius:4px;overflow:hidden;font-size:14.5px}.vblog-article-body thead th{background:var(--surface-2);color:var(--text);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:14px 18px;text-align:left;border-bottom:1px solid var(--border-bright)}.vblog-article-body tbody td{padding:14px 18px;border-top:1px solid var(--border);color:var(--text-muted)}.vblog-article-body tbody tr:hover{background:rgb(255 212 0 / .03)}.vblog-article-body tbody td strong{color:var(--text)}.vblog-article-body .steps{list-style:none;counter-reset:step;margin:24px 0;padding:0}.vblog-article-body .steps li{counter-increment:step;padding:16px 20px 16px 60px;margin-bottom:12px;background:var(--surface);border:1px solid var(--border);border-radius:4px;position:relative;color:var(--text);font-size:15.5px;line-height:1.6}.vblog-article-body .steps li::before{content:counter(step);position:absolute;left:18px;top:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--bg);font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:13px;border-radius:50%}.vblog-article-body .steps li strong{color:var(--text);font-weight:700}.vblog-article-body .faq-list{margin:24px 0}.vblog-article-body .faq-item{background:var(--surface);border:1px solid var(--border);border-radius:4px;margin-bottom:10px;overflow:hidden}.vblog-article-body .faq-item summary{padding:16px 22px;cursor:pointer;font-weight:600;color:var(--text);font-size:16px;list-style:none;position:relative;user-select:none;padding-right:50px}.vblog-article-body .faq-item summary::-webkit-details-marker{display:none}.vblog-article-body .faq-item summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);color:var(--yellow);font-size:20px;font-weight:400}.vblog-article-body .faq-item[open] summary::after{content:"−"}.vblog-article-body .faq-item summary:hover{background:rgb(255 212 0 / .03)}.vblog-article-body .faq-content{padding:0 22px 18px;color:var(--text-muted);font-size:15px;line-height:1.65}.vblog-related{max-width:1240px;margin:48px auto 0;padding:48px 24px;border-top:1px solid var(--border)}.vblog-related h3{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:700;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;margin-bottom:24px}.vblog-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.vblog-footer{background:var(--surface);border-top:1px solid var(--border);margin-top:64px;padding-top:48px}.vblog-footer-inner{max-width:1240px;margin:0 auto;padding:0 24px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px}.vblog-footer-col h4{font-size:13px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.vblog-footer-col p{font-size:13.5px;color:var(--text-dim);line-height:1.55}.vblog-footer-col ul{list-style:none}.vblog-footer-col li{margin-bottom:8px}.vblog-footer-col a{color:var(--text-muted);font-size:13.5px}.vblog-footer-col a:hover{color:var(--yellow);text-decoration:none}.vblog-footer-bottom{border-top:1px solid var(--border);padding:20px 24px;text-align:center}.vblog-footer-bottom p{font-size:12.5px;color:var(--text-dim);max-width:820px;margin:0 auto}@media (max-width:768px){.site-nav{gap:14px;font-size:13px}.vblog-articles{padding:24px 16px 48px}.vblog-article-card{padding:22px 24px}.vblog-article-hero{padding:48px 20px 24px}.vblog-article-body{padding:24px 20px 48px}.vblog-article-body p{font-size:16px}.vblog-article-body h2{font-size:24px}}