:root{--vg-brand:#0f6b3c;--vg-brand-dark:#0a4f2c;--vg-brand-soft:#edf6f0;--vg-brand-on-dark:#b7e0c6;--vg-brand-mark:#3ea126;--vg-surface:#fff;--vg-surface-alt:#fbfcfb;--vg-text:#16211d;--vg-text-soft:#5a6b65;--vg-muted:#8a9994;--vg-border:#e6eae8;--vg-border-soft:#edf0ef;--vg-danger:#b3261e;--vg-danger-bg:#fdecea;--vg-warning-bg:#fdf3e0;--vg-warning-text:#7a4a06}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--vg-brand);color:var(--vg-text);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.5}.vg-shell{background:var(--vg-surface);flex-direction:column;width:100%;max-width:32rem;min-height:100dvh;margin:0 auto;display:flex}.vg-head{background:var(--vg-brand);justify-content:space-between;align-items:center;gap:12px;padding:26px 22px 42px;display:flex}.vg-head-id{align-items:center;gap:10px;min-width:0;display:flex}.vg-logo{flex:none;width:auto;height:26px;display:block}.vg-head-name{flex-direction:column;min-width:0;display:flex}.vg-head-name strong,.vg-head-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vg-head-name strong{color:#fff;font-size:13px;font-weight:600;line-height:1.2}.vg-head-name span{color:#a7d8b9;font-size:12px;line-height:1.3}.vg-head-step{color:#a7d8b9;flex:none;font-size:12.5px;font-weight:600}.vg-head-back{font:inherit;color:var(--vg-brand-on-dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:14px;display:flex}.vg-card{background:var(--vg-surface);border-radius:28px 28px 0 0;flex-direction:column;flex-grow:1;gap:20px;margin-top:-26px;padding:22px 22px 28px;display:flex}.vg-steps{gap:5px;display:flex}.vg-step{background:var(--vg-border);border-radius:99px;flex-grow:1;height:5px}.vg-step.is-done{background:var(--vg-brand)}.vg-title{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700;line-height:1.25}.vg-sub{color:var(--vg-text-soft);margin:0;font-size:14.5px}.vg-field{flex-direction:column;gap:7px;display:flex}.vg-field>label{font-size:15px;font-weight:600}.vg-field>label .vg-opt{color:var(--vg-muted);font-weight:500}.vg-hint{color:var(--vg-muted);margin:0;font-size:12.5px;line-height:1.45}.vg-input,.vg-select,.vg-textarea{width:100%;font:inherit;color:var(--vg-text);background:var(--vg-surface);border:1.5px solid var(--vg-border);border-radius:14px;min-height:52px;padding:13px 15px;font-size:16px}.vg-textarea{resize:vertical;min-height:74px;line-height:1.45}.vg-input:focus,.vg-select:focus,.vg-textarea:focus{border-color:var(--vg-brand);box-shadow:0 0 0 4px var(--vg-brand-soft);outline:none}.vg-input::-moz-placeholder{color:#97a5a0}.vg-textarea::-moz-placeholder{color:#97a5a0}.vg-input::placeholder,.vg-textarea::placeholder{color:#97a5a0}.vg-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.vg-choice{font:inherit;white-space:normal;overflow-wrap:anywhere;text-align:left;border:1.5px solid var(--vg-border);background:var(--vg-surface);color:#3a4945;cursor:pointer;border-radius:15px;align-items:center;gap:9px;min-width:0;min-height:56px;padding:13px 12px;font-size:13.5px;font-weight:500;display:flex}.vg-choice svg{stroke:#5a6b65;flex:none}.vg-choice.is-active{border-color:var(--vg-brand);background:var(--vg-brand-soft);color:var(--vg-brand-dark);font-weight:600}.vg-choice.is-active svg{stroke:var(--vg-brand)}.vg-pills{flex-wrap:wrap;gap:8px;display:flex}.vg-pill{font:inherit;border:1.5px solid var(--vg-border);background:var(--vg-surface);color:#3a4945;cursor:pointer;border-radius:12px;min-height:44px;padding:10px 15px;font-size:14px}.vg-pill.is-active{border-color:var(--vg-brand);background:var(--vg-brand-soft);color:var(--vg-brand-dark);font-weight:600}.vg-pill.is-suggest{background:#f1f4f3;border:0;border-radius:99px;min-height:38px;padding:8px 12px;font-size:13px}.vg-btn{font:inherit;background:var(--vg-brand);color:#fff;cursor:pointer;border:1.5px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:56px;font-size:17px;font-weight:600;text-decoration:none;display:flex}.vg-btn:disabled{opacity:.45;cursor:not-allowed}.vg-btn.is-ghost{background:var(--vg-surface);color:#3a4945;border-color:var(--vg-border);min-height:52px;font-size:15px}.vg-btn.is-dark{background:var(--vg-text);color:#fff}.vg-actions{flex-direction:column;gap:10px;margin-top:auto;padding-top:8px;display:flex}.vg-sign{background:var(--vg-surface-alt);touch-action:none;border:1.5px dashed #c9d3d0;border-radius:18px;height:clamp(170px,30vh,220px);overflow:hidden}.vg-sign canvas{width:100%;height:100%;display:block}.vg-summary{border:1px solid var(--vg-border-soft);border-radius:18px;padding:2px 16px}.vg-summary div{border-bottom:1px solid #f2f5f4;justify-content:space-between;gap:14px;padding:11px 0;font-size:14px;display:flex}.vg-summary div:last-child{border-bottom:0}.vg-summary span:first-child{color:#7c8b86;flex:none}.vg-summary span:last-child{text-align:right;overflow-wrap:anywhere;font-weight:600}.vg-hero{background:var(--vg-brand);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:40px 22px 48px;display:flex}.vg-hero-mark{background:#177d48;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.vg-hero h1{color:#fff;letter-spacing:-.01em;margin:0;font-size:23px;font-weight:700}.vg-hero p{color:var(--vg-brand-on-dark);margin:0;font-size:15px}.vg-card.is-hero{border-radius:30px 30px 0 0;margin-top:-24px;padding-top:26px}.vg-visitno{border:1.5px solid var(--vg-border);background:var(--vg-surface-alt);border-radius:22px;flex-direction:column;align-items:center;gap:3px;padding:20px 16px;display:flex}.vg-visitno small{letter-spacing:.1em;text-transform:uppercase;color:var(--vg-muted);font-size:12.5px}.vg-visitno strong{letter-spacing:-.01em;font-size:31px;font-weight:700}.vg-visitno span{color:var(--vg-muted);font-size:13px}.vg-note{background:var(--vg-brand-soft);color:#14523a;border-radius:18px;align-items:flex-start;gap:12px;padding:15px 16px;font-size:13.5px;line-height:1.5;display:flex}.vg-note svg{stroke:var(--vg-brand);flex:none;margin-top:1px}.vg-status{background:var(--vg-brand-soft);color:#14523a;border-radius:99px;align-self:flex-start;align-items:center;gap:9px;padding:8px 15px;font-size:13.5px;font-weight:600;display:flex}.vg-status i{background:#17a34a;border-radius:50%;width:8px;height:8px;font-style:normal}.vg-status.is-waiting{background:var(--vg-warning-bg);color:var(--vg-warning-text)}.vg-status.is-waiting i{background:#b7791f}.vg-status.is-done{color:#4a5450;background:#f1f4f3}.vg-status.is-done i{background:#8a9994}.vg-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.vg-stat{border:1px solid var(--vg-border-soft);border-radius:18px;flex-direction:column;gap:3px;padding:15px 16px;display:flex}.vg-stat small{color:var(--vg-muted);font-size:12.5px}.vg-stat strong{font-size:20px;font-weight:700}.vg-lede{flex-direction:column;gap:3px;display:flex}.vg-lede strong{letter-spacing:-.01em;font-size:30px;font-weight:700}.vg-lede span{color:var(--vg-text-soft);font-size:16px}.vg-error{background:var(--vg-danger-bg);color:var(--vg-danger);border-radius:14px;padding:12px 14px;font-size:14.5px}.vg-center{text-align:center}.vg-foot{text-align:center;color:var(--vg-muted);margin:0;font-size:12px;line-height:1.5}@media (width<=360px){.vg-choices{grid-template-columns:1fr}}