:root {  --brand-green: #1f7a4b;  --brand-green-dark: #145c36;  --brand-sand: #f5f1e8;  --brand-ink: #0f1f17;}body {  color: var(--brand-ink);}.pattern-bg {  background-image:    radial-gradient(circle at 25px 25px, rgba(31, 122, 75, 0.08) 2px, transparent 2px),    radial-gradient(circle at 75px 75px, rgba(31, 122, 75, 0.06) 2px, transparent 2px);  background-size: 100px 100px;}.hero-gradient {  background: linear-gradient(140deg, #f5f1e8 0%, #ffffff 50%, #e8f3ee 100%);}.btn-primary {  background-color: var(--brand-green);  color: #ffffff;}.btn-primary:hover {  background-color: var(--brand-green-dark);}.section-title {  letter-spacing: 0.02em;}.card-hover {  transition: transform 200ms ease, box-shadow 200ms ease;}.card-hover:hover {  transform: translateY(-4px);  box-shadow: 0 10px 30px rgba(15, 31, 23, 0.1);}.badge {  background-color: rgba(31, 122, 75, 0.08);  color: var(--brand-green-dark);}.form-input {  border: 1px solid #d9e2d5;  border-radius: 0.5rem;  padding: 0.75rem 0.9rem;  width: 100%;}.form-input:focus {  outline: none;  border-color: var(--brand-green);  box-shadow: 0 0 0 3px rgba(31, 122, 75, 0.15);}.table-head {  background-color: rgba(31, 122, 75, 0.08);}.footer-link:hover {  color: var(--brand-green);}