:root {
    --primary-color: #16A34A;
    --primary-dark: #15803D;
    --primary-light: #22C55E;
    --slate-color: #334155;
    --slate-dark: #1E293B;
    --text-dark: #F8FAFC;
    --text-light: #E2E8F0;
    --border-radius: 12px;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: Inter, Segoe UI, Roboto, sans-serif; color: var(--text-dark); background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%); }
.container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 1rem; }
header { background: linear-gradient(135deg, var(--slate-dark) 0%, var(--slate-color) 100%); box-shadow: 0 8px 16px rgba(0,0,0,.3); position: sticky; top: 0; z-index: 10; }
nav { display: flex; justify-content: space-between; align-items: center; min-height: 60px; }
.client-area-btn { background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)); color: white; padding: .5rem 1rem; border-radius: var(--border-radius); text-decoration: none; }
.hero { padding: 3rem 0; background: linear-gradient(135deg, #1E293B 0%, #334155 100%); }
.hero-content h1 { margin: 0 0 .5rem; }
.services { padding: 2rem 0; }
.services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; }
.service-card { background: linear-gradient(135deg, #1e293b 0%, #334155 100%); border-radius: var(--border-radius); padding: 1.5rem; box-shadow: 0 16px 32px rgba(0,0,0,.4); border:1px solid rgba(255,255,255,.1); }
.service-card-popular { border: 2px solid var(--primary-color); }
label { display:block; margin-bottom:.5rem; font-weight:600; }
input, textarea, button { width: 100%; border-radius: var(--border-radius); }
input, textarea { background: rgba(51,65,85,.7); color: var(--text-dark); border: 2px solid rgba(71,85,105,.4); padding:.75rem; }
textarea { resize: vertical; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:1rem 1.25rem; border:none; cursor:pointer; border-radius: var(--border-radius); }
.btn-primary { background: var(--primary-color); color: white; }
.btn-secondary { background: transparent; color: var(--primary-color); border: 2px solid var(--primary-color); }
table th, table td { font-size: .95rem; }
.professional-footer { background: linear-gradient(135deg, #1e293b 0%, #334155 100%); color: white; margin-top: 3rem; }
.footer-bottom { padding: 1rem 0; border-top: 1px solid rgba(255,255,255,.15); }
.footer-bottom-content { display:flex; justify-content:space-between; align-items:center; max-width:1200px; margin:0 auto; padding:0 1rem; }

@media (max-width: 768px) {
  .footer-bottom-content { flex-direction: column; gap: .75rem; }
}