:root { --ink:#16202e; --muted:#5b6575; --line:#e3e6ea; --gold:#9a6b00; --gold2:#c99a2e;
  --navy:#0b1220; --bg:#ffffff; --panel:#f7f7f5; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --ink:#e8eaed; --muted:#a9b0bb; --line:#2c3440; --gold:#e0b44a; --gold2:#e0b44a; --bg:#0f1520; --panel:#161e2b; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Tamil",sans-serif; }
a { color:var(--gold); }
header { background:var(--navy); color:#fff; }
.bar { max-width:1040px; margin:0 auto; padding:14px 16px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.brand { display:flex; align-items:center; gap:10px; color:#fff; text-decoration:none; font-weight:800; font-size:1.25rem; }
.brand i { width:34px; height:34px; border-radius:9px; background:linear-gradient(135deg,#e0b44a,#9a6b00); display:grid; place-items:center; font-style:normal; color:#1b1300; }
.brand span { color:var(--gold2); }
nav { display:flex; gap:4px 18px; flex-wrap:wrap; margin-left:auto; }
nav a { color:#cfd6e2; text-decoration:none; font-size:.95rem; padding:4px 0; }
nav a[aria-current] { color:#fff; border-bottom:2px solid var(--gold2); }
main { max-width:1040px; margin:0 auto; padding:32px 16px 56px; }
.narrow { max-width:780px; }
h1 { font-size:2rem; line-height:1.25; margin:0 0 8px; }
h2 { font-size:1.25rem; margin:1.8em 0 .5em; }
.lead { color:var(--muted); font-size:1.08rem; margin:0 0 24px; }
.meta { color:var(--muted); margin:0 0 1.5em; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; }
.card { background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:18px 20px; }
.card h3 { margin:0 0 6px; font-size:1.08rem; }
.price { font-size:1.7rem; font-weight:800; margin:6px 0 0; }
.per { color:var(--muted); font-size:.9rem; }
.card ul { padding-left:1.1em; margin:10px 0 0; }
.btn { display:inline-block; background:linear-gradient(135deg,#e0b44a,#9a6b00); color:#1b1300; font-weight:700;
  border:0; border-radius:10px; padding:12px 20px; text-decoration:none; cursor:pointer; font-size:1rem; }
.btn[disabled], .btn.off { opacity:.55; cursor:not-allowed; }
.hero { background:var(--navy); color:#fff; border-radius:16px; padding:32px 24px; margin-bottom:28px; }
.hero h1 span { color:var(--gold2); }
.hero p { color:#cfd6e2; max-width:640px; }
form .row { display:flex; flex-direction:column; gap:4px; margin-bottom:14px; }
label { font-weight:600; font-size:.95rem; }
input, select { font:inherit; padding:10px 12px; border:1px solid var(--line); border-radius:8px; background:var(--bg); color:var(--ink); max-width:100%; }
.note { background:var(--panel); border-left:4px solid var(--gold); padding:12px 16px; border-radius:8px; color:var(--ink); }
table { border-collapse:collapse; width:100%; }
td, th { text-align:left; vertical-align:top; border-bottom:1px solid var(--line); padding:8px 6px; }
footer { border-top:1px solid var(--line); color:var(--muted); font-size:.9rem; }
footer .bar { display:block; }
footer .links { display:flex; flex-wrap:wrap; gap:6px 18px; margin:6px 0 10px; }
footer a { color:var(--muted); }