:root{
  --tl-green:#0f5f4a;
  --tl-green-2:#0b4939;
  --tl-green-3:#168066;
  --tl-gold:#c58c0a;
  --tl-gold-soft:#f6edcf;
  --tl-cream:#fbfaf5;
  --tl-bg:#f5f7f2;
  --tl-card:#ffffff;
  --tl-text:#17352d;
  --tl-muted:#718078;
  --tl-border:#dde6df;
  --tl-shadow:0 12px 32px rgba(15,95,74,.08);
  --tl-shadow-lg:0 28px 70px rgba(15,95,74,.16);
}
body.tl-body{
  background:
    radial-gradient(circle at 10% 0,rgba(197,140,10,.06),transparent 28%),
    var(--tl-bg);
  color:var(--tl-text);
}
.text-navy{color:var(--tl-green)!important}
.tl-logo-mark{
  background:linear-gradient(145deg,#f5dda5,var(--tl-gold));
  color:var(--tl-green);
}
.tl-sidebar{
  background:
    radial-gradient(circle at 22% 7%,rgba(197,140,10,.15),transparent 25%),
    linear-gradient(180deg,var(--tl-green),var(--tl-green-2));
}
.tl-sidebar-nav .nav-link.active{
  background:linear-gradient(90deg,rgba(197,140,10,.18),rgba(255,255,255,.07));
  box-shadow:inset -3px 0 0 var(--tl-gold);
}
.tl-topbar{
  background:rgba(255,255,255,.95);
}
.tl-hero{
  background:
    radial-gradient(circle at 12% 15%,rgba(245,221,165,.14),transparent 30%),
    linear-gradient(135deg,var(--tl-green),var(--tl-green-3));
}
.tl-auth-visual{
  background:
    radial-gradient(circle at 15% 10%,rgba(245,221,165,.20),transparent 28%),
    radial-gradient(circle at 80% 75%,rgba(197,140,10,.10),transparent 22%),
    linear-gradient(155deg,var(--tl-green),var(--tl-green-2));
}
.btn-primary{
  --bs-btn-bg:var(--tl-green);
  --bs-btn-border-color:var(--tl-green);
  --bs-btn-hover-bg:var(--tl-green-2);
  --bs-btn-hover-border-color:var(--tl-green-2);
  --bs-btn-active-bg:var(--tl-green-2);
}
.btn-outline-primary{
  --bs-btn-color:var(--tl-green);
  --bs-btn-border-color:var(--tl-green);
  --bs-btn-hover-bg:var(--tl-green);
  --bs-btn-hover-border-color:var(--tl-green);
}
.tl-subject-chip{
  background:var(--tl-gold-soft);
  color:var(--tl-green);
}
.tl-live-control-card,
.tl-teacher-classroom,
.tl-student-classroom{
  border-color:rgba(197,140,10,.3)!important;
}
.tl-teacher-classroom-bar,
.tl-student-classroom-bar{
  background:linear-gradient(90deg,var(--tl-green-2),var(--tl-green));
}
.tl-classroom-policy-badge{
  background:rgba(197,140,10,.18)!important;
  color:#f6e3af!important;
  border-color:rgba(197,140,10,.34)!important;
}
.tl-classroom-panel{
  background:#fff;
}
.tl-participant-role{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.25rem .55rem;
  border-radius:999px;
  font-size:.68rem;
  font-weight:800;
}
.tl-participant-role.teacher{
  background:#e8f5ef;
  color:var(--tl-green);
}
.tl-participant-role.admin{
  background:#fff4d6;
  color:#8a6500;
}
.tl-participant-role.student{
  background:#f0f3f1;
  color:#5d6a64;
}
.tl-brand-logo{
  height:44px;
  width:auto;
  object-fit:contain;
  display:block;
}
.tl-brand-logo-lg{
  height:64px;
}
.tl-brand-logo-hero{
  height:110px;
  max-width:min(88vw,420px);
}
.tl-brand-lockup{
  display:flex;
  align-items:center;
  gap:.8rem;
}
.tl-brand-lockup img{
  filter:drop-shadow(0 8px 18px rgba(15,95,74,.10));
}
.tl-public-hero{
  background:
    radial-gradient(circle at 85% 15%,rgba(197,140,10,.08),transparent 22%),
    linear-gradient(180deg,#fff,var(--tl-cream));
}
.tl-public-hero h1{
  color:var(--tl-green);
}
.tl-public-section{
  padding:5rem 0;
}
.tl-feature-card{
  height:100%;
  padding:1.4rem;
  border:1px solid var(--tl-border);
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 24px rgba(15,95,74,.05);
}
.tl-feature-icon{
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:var(--tl-gold-soft);
  color:var(--tl-green);
  font-size:1.35rem;
  margin-bottom:1rem;
}
.tl-footer{
  background:var(--tl-green-2);
  color:#fff;
}
.tl-footer a{color:rgba(255,255,255,.78)}
.tl-footer a:hover{color:#fff}