.zyg-form { max-width: 820px; margin: 0 0 2em; }
.zyg-form .zyg-row { margin: 0 0 14px; }
.zyg-form label { display: block; margin: 0 0 4px; font-size: 14px; }
.zyg-form .zyg-input,
.zyg-form .zyg-select { box-sizing: border-box; padding: 10px 14px; font: inherit; font-size: 15px; color: #222; background: #f5f5f7; border: 1px solid #e4e4ea; border-radius: 2px; }
.zyg-form .zyg-input { width: 100%; max-width: 500px; }
.zyg-form .zyg-textarea { max-width: none; min-height: 220px; resize: vertical; }
.zyg-form .zyg-input:focus,
.zyg-form .zyg-select:focus { outline: none; border-color: #999; background: #fff; }
.zyg-form .zyg-hint { display: block; margin-top: 4px; font-size: 12px; opacity: .7; }
.zyg-form .zyg-btn { padding: 12px 18px; font: inherit; font-size: 15px; color: #fff; background: #55555e; border: 0; border-radius: 2px; cursor: pointer; }
.zyg-form .zyg-btn:hover { background: #333; }
.zyg-form .zyg-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.zyg-msg { margin: 0 0 18px; padding: 14px 16px; border-radius: 3px; font-size: 15px; }
.zyg-msg p { margin: 0 0 4px; }
.zyg-msg p:last-child { margin: 0; }
.zyg-msg--ok { color: #14532d; background: #dcfce7; border: 1px solid #86efac; }
.zyg-msg--err { color: #7f1d1d; background: #fee2e2; border: 1px solid #fca5a5; }