/* Terms and Conditions page-specific styles */
.tc-intro {
  margin-top: var(--space-12);
  margin-bottom: var(--space-8);
  animation: neonFadeIn 1.2s cubic-bezier(0.6,0,0.3,1);
  text-align: center;
}
.tc-intro .brand-color {
  color: var(--color-primary-accent);
  font-weight: bold;
  letter-spacing: 0.02em;
  text-shadow: 0 0 12px var(--color-primary), 0 0 30px #40e0ffaa;
}
.tc-section {
  background: linear-gradient(120deg, #231c2b 60%, #223442 100%);
  border-radius: var(--radius-lg);
  box-shadow: 0 0 20px 0 #10ffd625, var(--shadow);
  padding: var(--space-8) var(--space-8);
  margin-bottom: var(--space-8);
  position: relative;
}
@media (max-width: 600px) {
  .tc-section { padding: var(--space-4) var(--space-2); }
  .tc-intro { margin-top: var(--space-6); }
}
.tc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: 0;
}
.tc-list li {
  margin-bottom: var(--space-3);
  padding-left: 2.4em;
  position: relative;
  color: var(--color-text);
  line-height: 1.7;
}
.tc-list li::before {
  content: '\1F5F2'; /* techno-diamond symbol as list-bullet */
  font-size: 1.1em;
  color: var(--color-primary-accent);
  position: absolute;
  left: 0;
  top: 7px;
  filter: drop-shadow(0 0 4px var(--color-primary));
}
.tc-list .neon {
  color: var(--color-primary);
  text-shadow: 0 0 6px var(--color-primary-accent), 0 0 20px #10ffd688;
  font-style: italic;
  font-family: var(--font-family-mono);
}
.tc-list .neon-warning {
  color: var(--color-danger);
  text-shadow: 0 0 6px var(--color-danger), 0 0 30px #ff184344;
  font-style: normal;
  font-weight: bold;
}
.tc-list a {
  color: var(--color-primary-accent);
  text-decoration: underline;
}
.tc-list .ai-message {
  margin-top: var(--space-4);
  background: rgba(16,255,214,0.07);
  border-left: 4px solid var(--color-primary-accent);
  border-radius: 0 12px 12px 0;
  padding: var(--space-2) var(--space-4);
  font-style: italic;
}
.tc-section .h2 {
  margin-top: 0;
  margin-bottom: var(--space-4);
}
.tc-last-note {
  text-align: right;
  font-size: var(--font-size-sm);
  color: var(--color-gray-400);
  margin-bottom: var(--space-12);
}
@media (max-width: 900px) {
  .tc-section { padding: var(--space-4) var(--space-2); }
  .tc-last-note { text-align: center; }
}
@keyframes neonFadeIn {
  from { opacity: 0; filter: blur(6px); }
  to { opacity: 1; filter: blur(0); }
}