.vrs-form { max-width: 560px; margin: 0 auto; }
.vrs-field { margin-bottom: 12px; display: flex; flex-direction: column; }
.vrs-field label { font-weight: 600; margin-bottom: 6px; }
.vrs-field input, .vrs-field select { padding: 10px; border: 1px solid #ddd; border-radius: 8px; }
.vrs-req { color: #e11; }
.vrs-foot { margin-top: 16px; }
.vrs-btn { background:#111; color:#fff; border:0; padding:12px 18px; border-radius:10px; cursor:pointer; }



.vrs-msg.vrs-error {
    background: #ffe8e8;
    border: 1px solid #e22;
    color: #a00;
    padding: 12px 16px;
    border-radius: 6px;
    margin-bottom: 1rem;
    font-size: 0.95rem;
  }
  
  .vrs-error-inline {
    color: #d00;
    display: block;
    margin-top: 4px;
    font-size: 0.85rem;
    line-height: 1.2;
  }
  
  .vrs-field input[aria-invalid="true"],
  .vrs-field select[aria-invalid="true"] {
    border-color: #d00;
    background-color: #fff6f6;
  }
  
  .vrs-btn[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
  }