/* Shared finishing layer for the approved Quanto Rendeu interface. */
body {
  font-variant-numeric: tabular-nums;
  background: radial-gradient(circle at 50% 0, rgba(201, 242, 117, .18), transparent 34rem), var(--paper);
}
header .brand { font-weight: 650; letter-spacing: -.9px; }
header .brand img { border-radius: 9px; }
main, .account-card, .form-card, .calculator-form, .result-card { border-radius: 16px; }
button, .app-button, .header-cta, input, select, textarea { border-radius: 9px; }
button, a, input, select, textarea, summary { transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid rgba(98, 134, 58, .42); outline-offset: 3px; }
.account-card { width: min(100%, 520px); padding: 42px 38px; box-shadow: 0 25px 70px rgba(31, 54, 37, .1); }
.account-card h1 { font-size: 34px; font-weight: 620; letter-spacing: -1.6px; }
.account-card .status-icon { border-radius: 14px; background: #edf3e7; }
.account-card .status-icon.success { background: var(--lime); }
.account-card .plan-card { border-radius: 11px; background: #edf3e7; }
.account-card .plan-card strong { font-weight: 620; }
@media (max-width: 520px) { .account-card { padding: 32px 21px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }