:root {
      --tedx-red: #E62B1E;
    }
    body {
      margin: 0;
      overflow-x: hidden;
      font-family: 'Roboto', sans-serif;
      background: black;
      color: white;
    }
    #three-canvas {
      position: fixed;
      top: 0;
      left: 0;
      z-index: -1;
    }
    .parallax-section {
      position: relative;
      z-index: 1;
    }
    .navbar {
      background: rgba(0, 0, 0, 0.8);
    }
    .navbar-brand, .nav-link {
      color: white !important;
    }
    .nav-link:hover {
      color: var(--tedx-red) !important;
    }
    .navbar-toggler {
      border-color: white;
    }
    .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%28255, 255, 255, 1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
    .bg-tedx-red {
      background-color: var(--tedx-red);
    }
    .text-tedx-red {
      color: var(--tedx-red);
    }
    .btn-tedx-red {
      background-color: var(--tedx-red);
      color: white;
      border: none;
    }
    .btn-tedx-red:hover {
      background-color: #c52414;
      color: white;
    }
    .card {
      background: #1f1f1f;
      border: none;
    }
    .card-img-top {
      object-fit: cover;
      height: 300px;
    }
    .hero-section {
      position: relative;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .hero-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: -1;
    }
    .hero-content {
      position: relative;
      z-index: 1;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    }
    .hover-scale:hover {
      transform: scale(1.05);
      transition: transform 0.3s ease;
    }
    .image-placeholder {
      background: #1f1f1f;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #6c757d;
      font-size: 14px;
      text-align: center;
      width: 100%;
      height: 100%;
    }