/**
 * styles.css — Styles for Kumaraguru SEDS Cinematic Particle Identity Section
 * KOSMORENA 2026 | Kumaraguru SEDS
 */

/* ── SEDS Identity Reveal Section (Above Forms) ────────────────────────────── */
.seds-identity-section {
  position: relative;
  width: 100%;
  padding: 10px 0 30px;
  z-index: 10;
  background: transparent !important;
  overflow: visible;
}

/* 
 * Viewport without container box:
 * Clean, borderless, 100% transparent viewport where particles live directly in cosmic space!
 */
.seds-identity-viewport {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 680px;
  margin: 0 auto;
  border-radius: 0;
  overflow: visible;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.seds-logo-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  display: block;
  pointer-events: auto;
  background: transparent !important;
  cursor: pointer;
}

/* ── Reduced Motion ────────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .seds-identity-section {
    padding: 10px 0 20px;
  }
}

/* ── Responsive Adjustments ─────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .seds-identity-viewport {
    height: 480px;
  }
}