:root {
  --primary:#7aa83d;
  --secondary:#f4b400;
  --accent:#3c6e3c;
  --bg:#f6f8fb;
  --text:#222;
}

[data-theme="blue"]{
  --primary:#1e90ff;
  --secondary:#4db8ff;
  --accent:#0a3d62;
}

[data-theme="dark"]{
  --primary:#111;
  --secondary:#333;
  --accent:#666;
  --bg:#0f1115;
  --text:#eee;
}

[data-theme="green"]{
  --primary:#2e8b57;
  --secondary:#7ccf9b;
  --accent:#1f6f4a;
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family:Segoe UI,Arial;
  background:var(--bg);
  color:var(--text);
  line-height:1.7;
}

.top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px 25px;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  color:white;
}

.brand{
  display:flex;
  gap:15px;
  align-items:center;
}

.brand img{height:60px}

.controls select{
  padding:6px;
  border-radius:6px;
  border:none;
}

nav{
  background:#fff;
  padding:10px 20px;
  display:flex;
  gap:20px;
  justify-content:center;
  box-shadow:0 2px 6px rgba(0,0,0,.05);
}

nav a{
  text-decoration:none;
  color:var(--accent);
  font-weight:600;
}

.section{
  padding:50px 25px;
  max-width:1200px;
  margin:auto;
}

.section.alt{background:#fff}

.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
}

.card{
  background:white;
  padding:25px;
  border-radius:14px;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
  text-align:center;
  font-weight:600;
}

table{
  width:100%;
  border-collapse:collapse;
  background:white;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 4px 10px rgba(0,0,0,.08);
}

th,td{
  padding:12px;
  border-bottom:1px solid #eee;
  text-align:center;
}

th{
  background:var(--primary);
  color:white;
}

.contactBox{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
}

iframe{
  width:100%;
  height:260px;
  border-radius:12px;
  border:0;
}

form input,form textarea{
  width:100%;
  padding:10px;
  margin-bottom:10px;
  border-radius:6px;
  border:1px solid #ccc;
  font-size:15px;
}

form button{
  padding:10px 20px;
  background:var(--primary);
  color:white;
  border:none;
  border-radius:6px;
  cursor:pointer;
}

footer{
  background:#111;
  color:#aaa;
  text-align:center;
  padding:15px;
  font-size:14px;
}