@import url("./components/header.css");
@import url("./components/hero.css");
@import url("./components/cards.css");
@import url("./components/detail.css");
@import url("./components/responsive.css");
@import url("./components/accessibility.css");

:root{
  --te-bg:#080b10;
  --te-bg-soft:#11151d;
  --te-panel:#151922;
  --te-text:#fff8e9;
  --te-muted:#c8c1b5;
  --te-gold:#efb94f;
  --te-gold-soft:#ffe2a0;
  --te-line:rgba(239,185,79,.27);
  --te-shadow:0 24px 75px rgba(0,0,0,.48);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:radial-gradient(circle at top,#20151d,#080b10 42%);
  color:var(--te-text);
  font-family:Georgia,"Noto Serif Tamil",serif;
  line-height:1.65
}
a{color:inherit}
.te-shell{max-width:1280px;margin:auto;padding:0 1.2rem}
.te-eyebrow{
  margin:0;
  color:var(--te-gold);
  font-family:system-ui,sans-serif;
  font-size:.78rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  font-weight:800
}
.te-section-heading{max-width:820px;margin:5rem auto 2rem;text-align:center}
.te-section-heading h2,.te-feature-band h2{
  font-size:clamp(2.3rem,5vw,4.5rem);
  line-height:1.05;
  margin:.35rem 0 1rem
}
.te-section-heading p:last-child,.te-feature-band p{color:var(--te-muted)}
.te-toolbar{
  display:grid;
  grid-template-columns:2fr 1fr 1fr auto;
  gap:.8rem;
  padding:1rem;
  border:1px solid var(--te-line);
  border-radius:20px;
  background:rgba(18,22,30,.9)
}
.te-toolbar label{display:grid;gap:.35rem;font-family:system-ui,sans-serif;font-size:.83rem}
.te-toolbar input,.te-toolbar select,.te-toolbar button{
  width:100%;
  border:1px solid var(--te-line);
  border-radius:12px;
  background:#0e1218;
  color:#fff;
  padding:.8rem .9rem;
  font:inherit
}
.te-toolbar button{align-self:end;cursor:pointer}
.te-metrics{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
  margin:1rem 0 2rem
}
.te-metrics article{
  padding:1.15rem;
  border:1px solid var(--te-line);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(28,32,41,.96),rgba(13,16,22,.96))
}
.te-metrics strong{display:block;color:var(--te-gold-soft);font-size:2rem}
.te-metrics span{color:var(--te-muted);font-family:system-ui,sans-serif;font-size:.85rem}
.te-feature-band{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:2rem;
  align-items:center;
  margin-top:6rem;
  margin-bottom:6rem;
  padding:clamp(2rem,5vw,4rem);
  border:1px solid var(--te-line);
  border-radius:30px;
  background:radial-gradient(circle at 85% 30%,rgba(239,185,79,.22),transparent 22%),linear-gradient(120deg,#141821,#371a29 58%,#712537)
}
.te-feature-band ul{margin:0;padding-left:1.2rem}
.te-feature-band li{margin:.65rem 0}
.te-empty{text-align:center;color:var(--te-muted);padding:3rem}
.te-footer{
  text-align:center;
  padding:3.5rem 1rem;
  border-top:1px solid var(--te-line);
  background:#06080b;
  color:var(--te-muted)
}
.te-footer p{color:var(--te-gold);font-size:1.35rem}
.te-toast{
  position:fixed;
  right:1rem;
  bottom:1rem;
  z-index:100;
  max-width:340px;
  padding:.85rem 1rem;
  border:1px solid var(--te-line);
  border-radius:14px;
  background:#151922;
  color:#fff;
  box-shadow:var(--te-shadow);
  opacity:0;
  transform:translateY(18px);
  pointer-events:none;
  transition:.25s
}
.te-toast.show{opacity:1;transform:none}