/* contact.css  -  Contact page only */
.ny-form label { display: block; margin-bottom: .4rem; font-size: .95rem; letter-spacing: .04em; color: var(--ny-muted); }
.ny-form input[type="text"], .ny-form input[type="email"], .ny-form select, .ny-form textarea {
  width: 100%; padding: .8rem 1rem; font: inherit; color: var(--ny-text);
  background: rgba(6, 22, 30, .7); border: 1px solid var(--ny-line); border-radius: .7rem;
  transition: border-color .3s, box-shadow .3s;
}
.ny-form textarea { resize: vertical; min-height: 9rem; }
.ny-form select option { color: #06161e; background: #fff; }
.ny-form input:focus, .ny-form select:focus, .ny-form textarea:focus {
  outline: none; border-color: var(--ny-aqua);
  box-shadow: 0 0 1rem -.1rem rgba(127, 224, 227, .55), 0 0 2.4rem 0 rgba(127, 224, 227, .18);
}
.ny-form [aria-invalid="true"] { border-color: var(--ny-pink); }
.ny-err { margin: .4rem 0 0; font-size: .9rem; color: var(--ny-coral); }
/* a field only robots see */
.ny-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.ny-note { margin: 0 0 1.5rem; padding: 1.1rem 1.3rem; border-radius: .8rem; border: 1px solid var(--ny-line); background: var(--ny-glass); line-height: 1.6; }
.ny-note strong { display: block; margin-bottom: .2rem; color: #fff; font-weight: 500; }
.ny-note-ok { border-color: color-mix(in srgb, var(--ny-aqua) 55%, transparent); box-shadow: 0 0 1.4rem -.1rem color-mix(in srgb, var(--ny-aqua) 40%, transparent); }
.ny-note-bad { border-color: color-mix(in srgb, var(--ny-pink) 60%, transparent); }

.ny-contact-h { margin: 1.6rem 0 .5rem; font-size: 1.3rem; }
.ny-contact-h:first-child { margin-top: 0; }
.ny-card:has(.ny-contact-h):hover { transform: none; }