.vsub{border:1px solid var(--rule-strong);background:rgb(var(--bone-rgb) / .03);border-radius:14px;padding:22px 24px}.vsub-title{color:rgb(var(--bone-rgb));margin:0;font-size:1.125rem;line-height:1.3}.vsub-lead{max-width:62ch;color:rgb(var(--bone-rgb) / .8);margin:8px 0 0;font-size:.9375rem;line-height:1.5}.vsub-form{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.vsub-input{border:1px solid var(--rule-strong);background:rgb(var(--bone-rgb) / .05);min-width:0;min-height:44px;color:rgb(var(--bone-rgb));border-radius:10px;flex:240px;padding:0 14px;font-size:1rem}.vsub-input::placeholder{color:rgb(var(--bone-rgb) / .4)}.vsub-input:focus{border-color:rgb(var(--signal-rgb) / .6);outline:none}.vsub-input[aria-invalid=true]{border-color:var(--danger)}.vsub-button{border:1px solid var(--btn-bg);background:var(--btn-bg);min-height:44px;color:var(--btn-fg);border-radius:10px;padding:0 20px;font-size:.9375rem;font-weight:600;transition:background-color .15s}.vsub-button:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--btn-bg-hover)}.vsub-button:focus-visible{outline:2px solid rgb(var(--signal-rgb));outline-offset:2px}.vsub-button:disabled{border-color:var(--rule-strong);color:rgb(var(--bone-rgb) / .55);cursor:not-allowed;background:0 0}.vsub-trap{opacity:0;width:1px;height:1px;position:absolute;left:-10000px}.vsub-msg{color:var(--danger);margin:12px 0 0;font-size:.875rem;line-height:1.5}.vsub-msg-ok{color:rgb(var(--bone-rgb) / .9)}.vsub-note{color:rgb(var(--bone-rgb) / .68);margin:10px 0 0;font-size:.75rem}