.vcil-app{--navy:#102a43;--ink:#172b4d;--muted:#66788d;--line:#dce5ec;--mint:#a7e6c7;--sky:#d9f4fa;position:relative;isolation:isolate;overflow:hidden;max-width:1240px;margin:32px auto;padding:52px clamp(20px,5vw,72px) 58px;border-radius:28px;background:#f7fbfd;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 18px 60px #12355418}.vcil-app *{box-sizing:border-box}.vcil-orb{position:absolute;border-radius:999px;filter:blur(2px);opacity:.65;z-index:-1;animation:vcil-float 9s ease-in-out infinite}.vcil-orb-one{width:270px;height:270px;right:-90px;top:110px;background:#c9f0e4}.vcil-orb-two{width:210px;height:210px;left:-80px;bottom:70px;background:#d7eff8;animation-delay:-4s}.vcil-hero{text-align:center;max-width:730px;margin:0 auto 42px}.vcil-brand{display:flex;justify-content:center;align-items:center;gap:7px;font-size:19px;font-weight:800;letter-spacing:-.8px;color:#152f4b}.vcil-brand>span:last-child>span,.vcil-letter-logo span{color:#18a875}.vcil-brand-mark{display:grid;place-items:center;width:25px;height:25px;background:#19af7d;color:#fff;border-radius:7px;font-size:16px}.vcil-pill{display:inline-flex;gap:8px;align-items:center;margin-top:24px;padding:7px 12px;border:1px solid #cceadf;border-radius:99px;background:#effcf6;color:#25815f;font-size:12px;font-weight:750}.vcil-pill i{width:7px;height:7px;border-radius:50%;background:#30be88;box-shadow:0 0 0 4px #bcecd6;animation:vcil-pulse 2s infinite}.vcil-hero h1{margin:18px 0 11px;font-size:clamp(2.3rem,5vw,4.2rem);line-height:1.04;letter-spacing:-2.7px}.vcil-hero h1 em{font-family:Georgia,serif;color:#0ca976;font-weight:500}.vcil-hero p{margin:auto;max-width:600px;color:var(--muted);line-height:1.65;font-size:16px}.vcil-grid{display:grid;grid-template-columns:minmax(300px,.84fr) minmax(400px,1.16fr);gap:24px;align-items:start}.vcil-form,.vcil-result-wrap{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:0 9px 30px #102a4309}.vcil-form{padding:27px}.vcil-form-head,.vcil-result-top{display:flex;gap:11px;align-items:center}.vcil-step{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#e5f7f0;color:#11976b;font-size:11px;font-weight:850}.vcil-form-head strong{display:block;font-size:16px}.vcil-form-head small{color:var(--muted);font-size:12px}.vcil-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.vcil-fields label{display:grid;gap:7px;color:#52677d;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.vcil-fields input,.vcil-fields select{width:100%;border:1px solid #d7e1e9;border-radius:8px;padding:11px 10px;background:#fbfdff;color:var(--ink);font:500 13px inherit;outline:none;transition:.2s}.vcil-fields input:focus,.vcil-fields select:focus{border-color:#22af80;box-shadow:0 0 0 3px #bff0dc}.vcil-full{grid-column:1/-1}.vcil-template-row{margin:23px 0 20px}.vcil-template-row>span{display:block;margin-bottom:9px;color:#52677d;font-size:11px;font-weight:800;text-transform:uppercase}.vcil-templates{display:flex;gap:7px}.vcil-templates button{border:1px solid #d8e3ea;border-radius:7px;padding:7px 9px;background:#fff;color:#64768a;font:700 11px inherit;cursor:pointer;transition:.2s}.vcil-templates button.is-active{border-color:#80d5b4;background:#edfcf5;color:#138361}.vcil-generate{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:9px;padding:13px 16px;background:var(--navy);color:#fff;font:800 14px inherit;cursor:pointer;transition:transform .2s,box-shadow .2s}.vcil-generate:hover{transform:translateY(-2px);box-shadow:0 8px 20px #102a4333}.vcil-generate b{font-size:22px;line-height:.6}.vcil-note{text-align:center;margin:13px 0 0;color:#9aa8b5;font-size:11px}.vcil-result-wrap{padding:22px}.vcil-result-top{justify-content:space-between;margin-bottom:16px}.vcil-result-top>div{display:flex;align-items:center;gap:10px}.vcil-result-top strong{font-size:14px}.vcil-result-top>span{color:#2a9d73;background:#effaf5;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800}.vcil-letter{position:relative;overflow:hidden;border:1px solid #dae4eb;border-radius:10px;background:#fff;box-shadow:0 6px 18px #1634500d}.vcil-letter-watermark{position:absolute;right:-23px;top:40%;font:900 220px/1 Georgia,serif;color:#f1faf6;transform:rotate(-13deg);z-index:0}.vcil-letter-head,.vcil-letter-body,.vcil-letter footer{position:relative;z-index:1}.vcil-letter-head{display:flex;align-items:center;justify-content:space-between;padding:19px 25px;border-bottom:1px solid #e7eef2}.vcil-letter-logo{font-size:15px;font-weight:850;letter-spacing:-.7px}.vcil-letter-logo b{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:4px;border-radius:5px;background:#18ad7a;color:#fff;font-size:12px}.vcil-letter-head>span{color:#718397;font-size:9px;letter-spacing:.12em;font-weight:800}.vcil-letter-body{padding:20px 25px 12px;color:#40546b;font-family:Georgia,"Times New Roman",serif;font-size:13px;line-height:1.62}.vcil-letter-body p{margin:0 0 13px}.vcil-date-line{color:#718397;text-align:right;font-size:11px}.vcil-details{display:grid;grid-template-columns:1fr 1fr;margin:17px 0;border:1px solid #dce8eb;border-radius:7px;overflow:hidden;background:#fafffd}.vcil-details div{padding:10px 12px;border-bottom:1px solid #dce8eb}.vcil-details div:nth-child(odd){border-right:1px solid #dce8eb}.vcil-details div:nth-last-child(-n+2){border-bottom:0}.vcil-details span{display:block;margin-bottom:2px;color:#25a278;font:800 8px Inter,system-ui,sans-serif;letter-spacing:.1em}.vcil-details strong{color:#1c3f5d;font:700 11px Inter,system-ui,sans-serif}.vcil-signoff{margin-top:18px!important}.vcil-signoff span{color:#75879a;font-size:11px}.vcil-letter footer{padding:9px 25px;background:#f7fafb;color:#8d9baa;font:600 10px Inter,system-ui,sans-serif;text-align:center}.vcil-letter footer b{color:#e97777}.vcil-actions{display:flex;gap:10px;margin-top:13px}.vcil-actions button{flex:1;border:1px solid #cddbe2;border-radius:8px;padding:10px;background:#fff;color:#40576d;font:800 12px inherit;cursor:pointer;transition:.2s}.vcil-actions button:not(:disabled):hover{border-color:#21ad7d;background:#f1fcf7;color:#127958}.vcil-actions button:disabled{cursor:not-allowed;opacity:.5}.vcil-actions button span{color:#16a575}.vcil-tip{display:flex;gap:10px;margin-top:15px;padding:12px 14px;border-radius:8px;background:#eff9f5;color:#557166}.vcil-tip>span{color:#1cac7b;font-size:17px}.vcil-tip p{margin:0;font-size:11px;line-height:1.5}.vcil-tip strong{color:#22745a}@keyframes vcil-float{50%{transform:translateY(-18px) translateX(9px)}}@keyframes vcil-pulse{50%{box-shadow:0 0 0 7px #bcecd600}}.vcil-letter.vcil-reveal{animation:vcil-reveal .55s cubic-bezier(.2,.8,.2,1)}@keyframes vcil-reveal{0%{opacity:.25;transform:scale(.98) translateY(10px)}100%{opacity:1;transform:none}}@media(max-width:820px){.vcil-grid{grid-template-columns:1fr}.vcil-app{padding:35px 16px}.vcil-result-wrap{padding:14px}}@media(max-width:460px){.vcil-fields{grid-template-columns:1fr}.vcil-letter-head{padding:16px}.vcil-letter-head>span{display:none}.vcil-letter-body{padding:17px}.vcil-details{grid-template-columns:1fr}.vcil-details div:nth-child(odd){border-right:0}.vcil-details div:nth-child(3){border-bottom:1px solid #dce8eb}.vcil-actions{flex-direction:column}}