/*==light theme==*/
body[data-theme="light"] .terms-section{
    background: white;
}
body[data-theme="light"] .terms-section h2{
    color: red;
}

body[data-theme="light"] .terms-card,
body[data-theme="light"] .terms-accept{
    background:linear-gradient(to right, lightblue,white) ;
    border: 1px solid red;
}

body[data-theme="light"] .terms-card h3{
    color: red;
}
body[data-theme="light"] .terms-card p,
body[data-theme="light"] .terms-card ul,
body[data-theme="light"] .terms-card li,
body[data-theme="light"] .terms-accept p{
    color: var(--muted);
}






.terms-section{
  min-height:100vh;
  padding:30px;
  background:
  radial-gradient(circle at 20% 20%, rgba(255,43,43,.25), transparent 40%),
  radial-gradient(circle at 80% 80%, rgba(0,234,255,.25), transparent 40%),
  linear-gradient(180deg, #05070f, #02040a);
  color:#cfe8f1;
 font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

.terms-section h2{
   font-family: 'Orbitron', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  text-align:center;
  color:#00eaff;
  letter-spacing:.08em;
  margin-bottom:24px;
  text-shadow:0 0 14px rgba(0,234,255,.6);
}

.terms-card{
  max-width:900px;
  margin:14px auto;
  padding:18px 20px;
  border-radius:14px;
   background:
  radial-gradient(circle at 20% 20%, rgba(255,43,43,.25), transparent 40%),
  radial-gradient(circle at 80% 80%, rgba(0,234,255,.25), transparent 40%),
  linear-gradient(180deg, #05070f, #02040a);
  border:1px solid rgba(0,234,255,.25);
  box-shadow:
    0 10px 30px rgba(0,0,0,.45),
    inset 0 0 0 1px rgba(0,234,255,.08);
  backdrop-filter: blur(8px);
}

.terms-card h3{
  margin:0 0 8px;
  color:rgb(248, 248, 22);
  font-weight:600;
  display:flex;
  align-items:center;
  gap:10px;
}

.terms-card p{
   
  color:#b7d7e2;
  line-height:1.7;
}

.terms-card ul{
  margin:8px 0 0 0;
  padding-left:0;
  list-style:none;
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
  gap:8px 14px;
}

.terms-card li{
  color:#b7d7e2;
  display:flex;
  align-items:center;
  gap:8px;
}

.terms-accept{
  max-width:900px;
  margin:26px auto 0;
  padding:16px 18px;
  border-radius:14px;
  text-align:center;
   background:
  radial-gradient(circle at 20% 20%, rgba(255,43,43,.25), transparent 40%),
  radial-gradient(circle at 80% 80%, rgba(0,234,255,.25), transparent 40%),
  linear-gradient(180deg, #05070f, #02040a);
  border:1px dashed rgba(0,234,255,.35);
}

.terms-accept p{
  margin-bottom:12px;
  color:#9fe6ff;
}

.btn-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border-radius:10px;
  color:#001217;
  background: linear-gradient(135deg, #dce620, #7cfffb);
  text-decoration:none;
  font-weight:700;
  box-shadow:0 0 18px rgba(0,234,255,.55);
  transition:.25s ease;
}

.btn-back:hover{
  transform: translateY(-1px) scale(1.02);
  box-shadow:0 0 26px rgba(255, 0, 0, 0.9);
}

/* Mobile tweaks */
@media (max-width: 600px){
  .terms-section{ padding-top:64px; }
  .terms-card{ border-radius:12px; }
  .terms-section h2{ font-size:1.4rem; }
}