
:root{
  --primary:#a30d1e; /* deep temple red */
  --secondary:#f7e6b5; /* sandalwood */
  --accent:#ffd23f; /* turmeric yellow */
  --text:#2b2b2b;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Noto Sans Tamil",sans-serif;line-height:1.6;color:var(--text);background:#fff}
.header{background:linear-gradient(135deg,var(--primary),#610914);color:#fff;padding:18px 16px;display:flex;gap:16px;align-items:center}
.header img.logo{width:56px;height:56px;border-radius:50%;border:2px solid #fff}
.header .title{display:flex;flex-direction:column}
.header .title h1{margin:0;font-size:1.6rem;letter-spacing:.5px}
.header .title small{opacity:.95}
nav{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}
nav .container{max-width:1100px;margin:0 auto;display:flex;gap:8px;padding:0 12px}
nav a{display:inline-block;padding:12px 14px;color:var(--primary);text-decoration:none;font-weight:600;border-bottom:3px solid transparent}
nav a.active, nav a:hover{border-color:var(--accent)}
nav.langbar{display:flex;gap:8px;align-items:center;justify-content:flex-end;background:#faf7ef;border-bottom:1px solid #eee;padding:8px 12px}
.lang-btn{border:1px solid var(--primary);background:#fff;color:var(--primary);padding:6px 10px;border-radius:999px;cursor:pointer;font-weight:700}
.lang-btn.active{background:var(--primary);color:#fff}
.container{max-width:1100px;margin:0 auto;padding:16px}
.footer{background:#faf7ef;border-top:1px solid #eee;padding:16px;text-align:center;color:#6b6457}
.hero{position:relative;overflow:hidden;border-radius:10px;border:1px solid #eee}
.slides{position:relative;height:340px}
.slides img{width:100%;height:340px;object-fit:cover;display:none}
.slides img.active{display:block}
.slide-caption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.65) 85%);color:#fff;padding:12px 16px;font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fff}
.card img{width:100%;height:180px;object-fit:cover}
.card .pad{padding:12px}
.notice{padding:12px;border-left:4px solid var(--primary);background:#fff7e6;border:1px solid #ffe1a6;border-radius:8px;margin:10px 0}
input,textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px}
button{background:var(--primary);color:#fff;border:none;padding:10px 14px;border-radius:8px;font-weight:700;cursor:pointer}
button:hover{filter:brightness(.95)}
.badge{display:inline-block;background:var(--primary);color:#fff;padding:2px 8px;border-radius:999px;font-size:.8rem}
hr{border:none;border-top:1px solid #eee;margin:16px 0}
@media (min-width:900px){ .about{display:grid;grid-template-columns:1.2fr .8fr;gap:24px} }
/* Bilingual */
.lang-block{display:none}
.show-en .lang-block[data-lang="en"], .show-ta .lang-block[data-lang="ta"]{display:block}
