:root{ --primary:#007bff; --accent:#28a745; --card:#ffffff; --muted:#666 }
*{box-sizing:border-box}
body { font-family: 'Arial', sans-serif; background-color: #f9f9f9; margin:0; padding:0; color:#222 }
header { background: linear-gradient(to right, var(--primary), #0056d6); color:white; padding:18px 16px; box-shadow:0 4px 8px rgba(0,0,0,.12) }
nav{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:8px }
nav a{ color:rgba(255,255,255,.95); text-decoration:none; padding:8px 14px; border-radius:8px }
nav a:hover{ background:rgba(255,255,255,.08) }
.container{ max-width:1100px; margin:40px auto; padding:0 16px }
.cta-button{ background-color:var(--accent); color:white; padding:12px 20px; text-decoration:none; font-size:16px; border-radius:6px; display:inline-block }
.cta-button:hover{ transform:scale(1.02); box-shadow:0 6px 16px rgba(0,0,0,.08) }
.card{ display:inline-block; vertical-align:top; margin:12px; width:280px; background:var(--card); border-radius:12px; padding:16px; box-shadow:0 4px 14px rgba(0,0,0,.06); transition:.25s }
.card:hover{ transform:translateY(-6px) }
.card img{ width:100%; border-radius:8px }
.testimonials p{ font-size:18px; margin:18px auto; width:80%; padding:12px; border-left:4px solid var(--primary); background:#f0f8ff }
footer{ background-color:#333; color:white; padding:20px 0; margin-top:40px }
.lang-switch{ margin:16px; font-size:16px; cursor:pointer; color:var(--primary); font-weight:700; text-align:center }
.lang-switch button{ background:transparent; border:0; color:var(--primary); font-weight:700; cursor:pointer }
.lang-switch button:focus{ outline:2px solid rgba(0,123,255,.25); border-radius:6px }
.lang-section{ display:none }
.active-lang{ display:block }
@media (max-width:900px){ .card{ width:45% } .testimonials p{ width:95% } }
@media (max-width:560px){ .card{ width:100% } header h1{ font-size:20px } }

/* Table styling */
table{ width:100%; border-collapse:collapse }
thead th{ padding:8px 6px; text-align:left }
tbody td{ padding:10px 6px; border-top:1px solid #eee }

/* Simple form inputs */
input[type="text"], input[type="email"], input[type="search"], textarea{ border:1px solid #ddd; border-radius:6px }

.sr-only{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden }

/* Small helpers */
.muted{ color:var(--muted) }