.agr-root, .agr-root * { box-sizing: border-box; }
.agr-root {
  min-height: 100vh;
  background: #f5f3ef;
  padding: 16px;
  color: #1c1c1a;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.agr-shell {
  max-width: 1100px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #e5dfd6;
  border-radius: 28px;
  padding: 20px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.06);
}
.agr-topbar { margin-bottom: 24px; }
.agr-lang-switch { display:flex; justify-content:flex-end; gap:8px; margin-bottom:16px; }
.agr-lang-btn {
  border:1px solid #ded7cc; background:#fff; color:#6e6a63;
  border-radius:999px; padding:8px 14px; cursor:pointer; font-size:12px; font-weight:600;
}
.agr-lang-btn.is-active { background:#c6a86b; border-color:#c6a86b; color:#fff; }
.agr-progress { height:4px; width:100%; overflow:hidden; background:#eee7dd; border-radius:999px; }
.agr-progress-bar { height:100%; background:#c6a86b; transition: width .2s ease; }
.agr-frame-grid { display:grid; grid-template-columns: minmax(0,2fr) minmax(260px,1fr); gap:40px; }
.agr-step h1, .agr-step h2, .agr-thanks h2 { font-size: 2rem; line-height:1.2; margin:0; font-weight:600; }
.agr-duration, .agr-brand-upper {
  margin: 10px 0 0; text-transform:uppercase; letter-spacing:.22em; font-size:12px; color:#8a847a; font-weight:600;
}
.agr-intro, .agr-side-card p, .agr-google-box p, .agr-thanks-text, .agr-google-hint { color:#6e6a63; font-size:15px; line-height:1.8; }
.agr-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:16px; margin-top:24px; }
.agr-grid-2 { margin-top:24px; }
.agr-field label { display:block; font-size:14px; font-weight:600; margin-bottom:6px; }
.agr-root select, .agr-root textarea, .agr-root input {
  width:100%; border:1px solid #ded7cc; border-radius:14px; padding:14px 14px; font-size:15px; background:#fff; color:#1c1c1a;
}
.agr-root select {
  display: flex;
  align-items: center;
  height: 54px;
  min-height: 54px;
  line-height: 54px;
  padding: 0 42px 0 14px;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231c1c1a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 18px 18px;
}
.agr-root textarea { min-height:120px; margin-top:20px; resize:vertical; }
.agr-footer-actions { display:flex; gap:12px; margin-top:24px; flex-wrap:wrap; }
.agr-primary-btn, .agr-secondary-btn, .agr-star-btn {
  border-radius:999px; padding:15px 24px; font-size:15px; font-weight:700; cursor:pointer; transition:.2s ease;
}
.agr-primary-btn { background:#c6a86b; color:#fff; border:1px solid #c6a86b; }
.agr-primary-btn:hover { filter:brightness(.97); }
.agr-primary-btn[disabled] { opacity:.7; cursor:not-allowed; }
.agr-secondary-btn { background:#fff; color:#6e6a63; border:1px solid #ded7cc; }
.agr-star-btn {
  background: linear-gradient(180deg, #fff 0%, #faf7f1 100%);
  color: #b88a2c;
  border: 1px solid #e6dcc7;
  flex: 1;
  font-size: 1.2rem;
  letter-spacing: .08em;
  text-shadow: 0 1px 0 rgba(255,255,255,.75), 0 2px 4px rgba(148,106,20,.16);
}
.agr-star-btn:hover, .agr-star-btn.is-selected {
  border-color:#c6a86b;
  background: linear-gradient(180deg, #fff8e9 0%, #f7ecd2 100%);
  box-shadow: 0 0 0 3px rgba(198,168,107,.12), 0 8px 18px rgba(198,168,107,.24);
}
.agr-stars-row { display:flex; gap:12px; flex-wrap:wrap; margin-top:24px; }
.agr-step-center { text-align:left; }
.agr-side-card {
  position:sticky; top:20px; background:#f5f3ef; border-radius:20px; padding:24px;
}
.agr-current-rating { margin-top:24px; }
.agr-current-rating span { display:block; color:#6e6a63; font-size:14px; margin-bottom:8px; }
.agr-current-rating strong {
  font-size:22px;
  color:#b88a2c;
  letter-spacing:.08em;
  text-shadow: 0 1px 0 rgba(255,255,255,.75), 0 2px 4px rgba(148,106,20,.18);
}
.agr-error { color:#a73324; font-size:14px; margin-top:16px; }
.agr-thanks { max-width:780px; margin:0 auto; text-align:center; padding:20px 0 12px; }
.agr-check {
  width:64px; height:64px; border-radius:999px; background:#f3ecdf; color:#c6a86b;
  display:flex; align-items:center; justify-content:center; font-size:28px; margin:0 auto 20px;
}
.agr-google-box { max-width:700px; margin:24px auto 0; background:#f5f3ef; border-radius:20px; padding:24px; text-align:left; }
.agr-google-title { color:#1c1c1a !important; font-weight:700; margin:0 0 8px; }
.agr-button-row { margin-top:16px; display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }

@media (max-width: 900px) {
  .agr-shell { padding:18px; }
  .agr-frame-grid { grid-template-columns:1fr; gap:24px; }
  .agr-side { display:none; }
}
@media (max-width: 640px) {
  .agr-root { padding:12px; }
  .agr-shell { border-radius:22px; }
  .agr-step h1, .agr-step h2, .agr-thanks h2 { font-size:1.65rem; }
  .agr-grid { grid-template-columns:1fr; }
  .agr-stars-row { flex-direction:column; }
  .agr-primary-btn, .agr-secondary-btn, .agr-star-btn { width:100%; }
}