*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family: poppins, sans-serif;
}
/* scroll animation */
/* scroll animation base */
.scroll-animate {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.8s ease;
}

.scroll-animate.show {
  opacity: 1;
  transform: translateY(0);
}
/* section1 */
:root{
  --bg:#f5f7fb;
  --card:#fff;
  --text:#222;
  --accent:#ff6a00;
}

body.dark{
  --bg:#0f172a;
  --card:#1e293b;
  --text:#f1f5f9;
}

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

/* HEADER */
.tk-head{
  text-align:center;
  padding:30px;
  margin-top:100px;
}

.tk-title{
  font-size:32px;
  color:var(--accent);
}

.tk-controls{
  margin-top:10px;
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}

.tk-btn{
  padding:8px 15px;
  border:none;
  border-radius:20px;
  background:var(--accent);
  color:#fff;
  cursor:pointer;
}

/* ADHIGARAM TITLE */
.tk-adhigaram{
  font-size:22px;
  margin:40px 20px 10px;
  color:var(--accent);
}

/* GRID */
.tk-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
  padding:0 20px;
}

/* CARD */
.tk-card{
  background:var(--card);
  padding:18px;
  border-radius:15px;
  box-shadow:0 0 10px rgba(255,106,0,0.2);
  transition:0.3s;
}

.tk-card:hover{
  transform:translateY(-5px);
  box-shadow:0 0 25px rgba(255,106,0,0.5);
}

/* TEXT */
.tk-kural{
  font-size:18px;
  font-weight:bold;
  margin-bottom:10px;
}

.tk-line{
  margin:6px 0;
  font-size:14px;
}

.tk-label{
  font-weight:bold;
  color:var(--accent);
}

/* RESPONSIVE */
@media(max-width:768px){
  .tk-grid{
    grid-template-columns:1fr;
  }
}