.info-section{margin: 100px 0;
      color: white;
      display: flex;
      justify-content: center;}
.info-text{text-align: center;
      font-size: 20px;
      width: 55%;}
:root{--vf-maxw: 980px;}
body{color: #fff;
      background: #0b0d12;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue",
        Arial, "Noto Sans", "Liberation Sans", sans-serif;}
.vf-wrap{max-width: var(--vf-maxw);
      margin: 80px auto;
      padding: 0 16px;}
.vf-hero h1{font-size: 40px;
      line-height: 1.2;
      margin: 0 0 6px;}
.vf-hero p{opacity: 0.8;
      margin: 0;}
.vf-toc{margin: 24px 0 40px;
      padding: 16px;
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.07);
      border-radius: 12px;}
.vf-toc a{color: #9fd3ff;
      text-decoration: none;}
.vf-section{margin: 40px 0;}
.vf-section h2{font-size: 28px;
      margin: 0 0 12px;}
.vf-section h3{font-size: 22px;
      margin: 24px 0 8px;}
.vf-section h4{font-size: 18px;
      margin: 18px 0 8px;
      opacity: 0.9;}
p{line-height: 1.7;}
ul,
ol{padding-left: 20px;
      line-height: 1.7;}
.vf-table-wrap{overflow-x: auto;}
.vf-table{width: 100%;
      border-collapse: collapse;
      font-size: 14px;}
.vf-table th,
.vf-table td{border: 1px solid rgba(255, 255, 255, 0.1);
      padding: 10px;
      text-align: left;}
.vf-footer{margin: 48px 0 80px;
      opacity: 0.7;
      font-size: 14px;}
a{color: #9fd3ff;}
.muted{opacity: 0.8;}