/* Custom styles to supplement Tailwind */
body {
    font-family: 'Inter', sans-serif;
    background-color: #111827; /* bg-gray-900 */
    color: #d1d5db; /* text-gray-300 */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCIgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIj48cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iODAiIGZpbGw9IiMxMTE4MjciPjwvcmVjdD48ZyBmaWxsPSIjMWEyMDMyIj48Y2lyY2xlIHI9IjEiIGN4PSAzNiIgY3k9IjQxIj48L2NpcmNsZT48Y2lyY2xlIHI9IjEiIGN4PSI0MSIgY3k9IjMwIj48L2NpcmNsZT48Y2lyY2xlIHI9IjEiIGN4PSIxMSIgY3k9IjUzIj48L2NpcmNsZT48Y2lyY2xlIHI9IjEiIGN4PSI2MyIgY3k9IjExIj48L2NpcmNsZT48Y2lyY2xlIHI9IjEiIGN4PSI4MCAiIGN5PSI1MCI+PC9jaXJjbGU+PC9nPjwvc3ZnPg==');
    overflow-x: hidden;
}

.font-space-mono {
    font-family: 'Space Mono', monospace;
}

/* Glitch effect for the hero text */
.glitch {
    position: relative;
    text-shadow: 0.05em 0 0 #00fffc, -0.025em -0.05em 0 #ff00ff, 0.025em 0.05em 0 #ffff00;
    animation: glitch 500ms infinite;
}

@keyframes glitch {
    0% { text-shadow: 0.05em 0 0 #00fffc, -0.025em -0.05em 0 #ff00ff, 0.025em 0.05em 0 #ffff00; }
    15% { text-shadow: 0.05em 0 0 #00fffc, -0.025em -0.05em 0 #ff00ff, 0.025em 0.05em 0 #ffff00; }
    16% { text-shadow: -0.05em -0.025em 0 #00fffc, 0.025em 0.05em 0 #ff00ff, -0.05em -0.05em 0 #ffff00; }
    49% { text-shadow: -0.05em -0.025em 0 #00fffc, 0.025em 0.05em 0 #ff00ff, -0.05em -0.05em 0 #ffff00; }
    50% { text-shadow: 0.05em 0.05em 0 #00fffc, 0.05em 0 0 #ff00ff, 0 -0.05em 0 #ffff00; }
    99% { text-shadow: 0.05em 0.05em 0 #00fffc, 0.05em 0 0 #ff00ff, 0 -0.05em 0 #ffff00; }
    100% { text-shadow: -0.05em 0 0 #00fffc, -0.025em -0.05em 0 #ff00ff, 0.025em 0.05em 0 #ffff00; }
}

/* Standard Vertical Scroll Setup */
main { display: block; }
.full-screen-section {
    width: 100vw;
    min-height: 100vh;
    padding-top: 6rem;
    padding-bottom: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

header#home { height: 100vh; padding: 0; }

/* Modals */
.modal.hidden { display: none; }

/* Hamburger Menu Styles */
#menu-overlay { transition: opacity 0.5s cubic-bezier(0.25, 1, 0.5, 1); }
#menu-overlay.hidden { opacity: 0; pointer-events: none; }

/* Hamburger line animations */
#menu-btn.open span:nth-child(1) { transform: rotate(45deg) translate(6px, 6px); }
#menu-btn.open span:nth-child(2) { opacity: 0; }
#menu-btn.open span:nth-child(3) { transform: rotate(-45deg) translate(6px, -6px); }

/* Hide scrollbar */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }