/* CONTACT FORM – loaded last on /contact */

.form label{
  display:block;
  margin:14px 0 6px;
  color:rgba(255,255,255,.85);
  font-weight:500;
}

.form input,
.form select,
.form textarea{
  width:100% !important;
  box-sizing:border-box !important;

  background:rgba(255,255,255,.07) !important;
  color:#fff !important;

  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:14px !important;

  padding:14px 16px !important;
  font-size:15px !important;
  line-height:1.3 !important;

  outline:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

.form input::placeholder,
.form textarea::placeholder{
  color:rgba(255,255,255,.45) !important;
}

.form input:focus,
.form select:focus,
.form textarea:focus{
  border-color:rgba(120,160,255,.7) !important;
  box-shadow:0 0 0 4px rgba(120,160,255,.22) !important;
}

.form select{
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(255,255,255,.7) 50%),
    linear-gradient(135deg, rgba(255,255,255,.7) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50%;
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
}

.form textarea{
  resize:vertical;
  min-height:140px;
}

.form .btn{
  margin-top:18px;
  padding:12px 26px;
  border-radius:999px;
  font-weight:600;
  background:linear-gradient(135deg,#6f7cff,#8f6bff);
  color:#fff;
  border:none;
  cursor:pointer;
}
.form .btn:hover{ opacity:.95; }

.form .captcha{ margin-top:16px; }
.form .muted{ font-size:13px; opacity:.7; }

/* autofill (a fehér csík tipikus oka) */
.form input:-webkit-autofill,
.form input:-webkit-autofill:hover,
.form input:-webkit-autofill:focus,
.form textarea:-webkit-autofill{
  -webkit-text-fill-color:#fff !important;
  box-shadow:0 0 0 1000px rgba(255,255,255,.07) inset !important;
  transition: background-color 9999s ease-out 0s;
}