.event-page {
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   background: var(--bg-primary);
}

.event-content {
   flex: 1;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   text-align: center;
   padding: 6rem 1.5rem 2rem;
   position: relative;
}

.event-content::before {
   content: "";
   position: absolute;
   top: 20%;
   left: 50%;
   transform: translateX(-50%);
   width: 600px;
   height: 600px;
   background: radial-gradient(
      circle,
      rgba(124, 58, 237, 0.08) 0%,
      transparent 70%
   );
   pointer-events: none;
}

.event-icon {
   font-size: 4rem;
   margin-bottom: 1.5rem;
   animation: float 3s ease-in-out infinite;
}

@keyframes float {
   0%,
   100% {
      transform: translateY(0);
   }
   50% {
      transform: translateY(-10px);
   }
}

.event-title {
   font-family: var(--font-heading);
   font-size: clamp(2rem, 5vw, 3.5rem);
   font-weight: 800;
   line-height: 1.1;
   margin-bottom: 0.5rem;
   letter-spacing: -0.02em;
}

.event-title span {
   background: var(--gradient-accent);
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
}

.event-divider {
   width: 80px;
   height: 3px;
   border-radius: 2px;
   background: var(--gradient-accent);
   margin: 1rem 0 1.5rem;
}

.event-description {
   font-size: clamp(1rem, 2vw, 1.15rem);
   color: var(--text-secondary);
   max-width: 500px;
   line-height: 1.7;
   margin-bottom: 2rem;
}

.event-description strong {
   color: var(--text-primary);
}

.event-download {
   display: inline-flex;
   align-items: center;
   gap: 0.6rem;
   padding: 1rem 2.2rem;
   border-radius: 100px;
   font-size: 1.1rem;
   font-weight: 600;
   font-family: var(--font-heading);
   color: #fff;
   background: var(--gradient-accent);
   text-decoration: none;
   transition: all 0.3s var(--ease-out);
   box-shadow: 0 4px 20px rgba(124, 58, 237, 0.35);
   position: relative;
   overflow: hidden;
}

.event-download::before {
   content: "";
   position: absolute;
   top: 0;
   left: -100%;
   width: 100%;
   height: 100%;
   background: linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.2),
      transparent
   );
   transition: left 0.6s ease;
}

.event-download:hover::before {
   left: 100%;
}

.event-download:hover {
   transform: translateY(-3px);
   box-shadow: 0 8px 30px rgba(124, 58, 237, 0.5);
}

.event-download:active {
   transform: translateY(0);
}

.event-back {
   margin-top: 2rem;
}

.event-footer {
   padding: 1.5rem;
   text-align: center;
   border-top: 1px solid var(--border-subtle);
   color: var(--text-muted);
   font-size: 0.85rem;
}

.event-footer a {
   color: var(--accent);
   text-decoration: none;
}

.event-footer a:hover {
   text-decoration: underline;
}