@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;800&display=swap');
html[data-theme="custom"] {
  font-family: 'Poppins', sans-serif;
  background: linear-gradient(135deg, #1e3a8a, #3b82f6);
  color: #ffffff;
  overflow-x: hidden;
}
.section-diagonal {
  clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
  background: #1e3a8a;
}
.accent-orange {
  background: linear-gradient(45deg, #f97316, #fec002);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.animate-fade-in {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeIn 1s ease-out forwards;
}
@keyframes fadeIn {
  to { opacity: 1; transform: translateY(0); }
}
.hover-scale {
  transition: transform 0.3s ease;
}
.hover-scale:hover {
  transform: scale(1.05);
}
.download-btn {
  background: linear-gradient(45deg, #f97316, #fec002);
  transition: all 0.3s ease;
}
.download-btn:hover {
  background: linear-gradient(45deg, #ff8c00, #f97316);
  transform: translateY(-2px);
}
.form-input {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #ffffff33;
  color: #ffffff;
  transition: border-color 0.3s ease;
}
.form-input:focus {
  border-color: #fec002;
  outline: none;
}
@media (prefers-color-scheme: dark), (prefers-color-scheme: light) {
  html[data-theme="custom"] {
    background: linear-gradient(135deg, #1e3a8a, #3b82f6);
    color: #ffffff;
  }
}