.rr-wrap { padding: 48px 16px 64px; background: #fafafa; }
.rr-container { max-width: 620px; margin: 0 auto; }

.rr-intro { text-align: center; margin-bottom: 32px; }
.rr-eyebrow {
  text-transform: uppercase; letter-spacing: .08em; font-size: 12px;
  font-weight: 700; color: #b8860b; margin-bottom: 12px;
}
.rr-title { font-size: 34px; line-height: 1.15; margin: 0 0 14px; color: #1a1a1a; }
.rr-sub { font-size: 17px; line-height: 1.6; color: #444; margin: 0 auto 10px; max-width: 540px; }
.rr-byline { font-size: 15px; color: #666; font-style: italic; margin: 0; }

.rr-form {
  background: #fff; border: 1px solid #ececec; border-radius: 14px;
  padding: 28px 26px; box-shadow: 0 2px 14px rgba(0,0,0,.05);
}
.rr-field { margin-bottom: 20px; }
.rr-field label { display: block; font-weight: 600; font-size: 15px; color: #222; margin-bottom: 7px; }
.rr-req { color: #c0392b; }
.rr-opt { color: #999; font-weight: 400; font-size: 13px; }
.rr-field input[type="text"],
.rr-field input[type="email"],
.rr-field input[type="url"],
.rr-field textarea {
  width: 100%; box-sizing: border-box; padding: 12px 14px;
  border: 1px solid #d6d6d6; border-radius: 9px; font-size: 15px; color: #222;
  background: #fff; transition: border-color .15s, box-shadow .15s;
}
.rr-field input:focus, .rr-field textarea:focus {
  outline: none; border-color: #b8860b; box-shadow: 0 0 0 3px rgba(184,134,11,.12);
}
.rr-field input[type="file"] {
  width: 100%; box-sizing: border-box; padding: 11px 12px;
  border: 1px dashed #c9c9c9; border-radius: 9px; background: #fcfcfc; font-size: 14px;
}
.rr-hint { display: block; font-size: 13px; color: #888; margin-top: 6px; }

.rr-submit {
  width: 100%; padding: 14px 18px; font-size: 16px; font-weight: 700;
  color: #fff; background: #1a1a1a; border: none; border-radius: 9px; cursor: pointer;
  transition: background .15s, transform .05s;
}
.rr-submit:hover { background: #000; }
.rr-submit:active { transform: translateY(1px); }
.rr-submit:disabled { opacity: .6; cursor: default; }

.rr-message { margin-top: 18px; padding: 14px 16px; border-radius: 9px; font-size: 15px; line-height: 1.5; }
.rr-message.rr-ok  { background: #eafaf0; border: 1px solid #bfe6cd; color: #1e6b3f; text-align: center; }
.rr-message.rr-err { background: #fdecea; border: 1px solid #f3c4bd; color: #a33124; }

@media (max-width: 600px) {
  .rr-title { font-size: 28px; }
  .rr-form { padding: 22px 18px; }
}