.reviews-hero { padding-block: 70px 10px; text-align: center; }
.reviews-hero .container { max-width: 600px; }
.reviews-hero p.sub { color: var(--muted); }

.review-list { padding-block: 50px; }
.review-list .container { max-width: 700px; }
.review-item { border-left: 2px solid var(--gold); padding: 6px 0 6px 24px; margin-bottom: 28px; }
.review-item .author { color: var(--gold); font-weight: 700; margin-bottom: 4px; }
.review-item .date { color: var(--muted); font-size: 13px; margin-bottom: 10px; }

.notice { max-width: 700px; margin: 0 auto 30px; padding: 14px 18px; border-radius: 4px; font-size: 14.5px; }
.notice.success { background: rgba(45,106,79,0.2); border: 1px solid var(--green); color: #c9ecd9; }
.notice.error { background: rgba(156,59,46,0.2); border: 1px solid #9c3b2e; color: #f3c9c2; }

.review-form-section { padding-block: 50px 90px; border-top: 1px solid var(--border); }
.review-form-section .container { max-width: 600px; }
.review-form-section h2 { margin-bottom: 8px; }
.review-form-section .hint { color: var(--muted); font-size: 14px; margin-bottom: 28px; }
.field { margin-bottom: 20px; }
.field label { display: block; font-size: 13px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 8px; color: var(--muted); }
.field input, .field textarea {
  width: 100%;
  background: rgba(255,255,255,0.04);
  border: 1px solid var(--border);
  border-radius: 3px;
  padding: 12px 14px;
  color: var(--white);
  font-family: var(--font-body);
  font-size: 15px;
}
.field textarea { min-height: 140px; resize: vertical; }
.field input:focus, .field textarea:focus { outline: none; border-color: var(--gold); }
.hp-field { position: absolute; left: -9999px; }