/* =============================================================================
   Conference Platform — Custom Style Overrides
   (Most styling is now handled by Tailwind CSS + input.css design system)
   ============================================================================= */

/* ── Alpine.js compatibility ──────────────────────────────────────────────── */
[x-cloak] { display: none !important; }

/* ── Hero decorative patterns ────────────────────────────────────────────── */
.hero-gradient {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 50%, #172554 100%);
}

.hero-pattern {
    background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,0.05) 0%, transparent 50%),
                      radial-gradient(circle at 80% 20%, rgba(255,255,255,0.03) 0%, transparent 40%);
}

/* ── Countdown hover effect ──────────────────────────────────────────────── */
.countdown-unit:hover .countdown-value {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

/* ── Smooth page transitions ─────────────────────────────────────────────── */
main {
    animation: pageIn 0.4s ease-out;
}

@keyframes pageIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ── Alpine x-transition fallback ─────────────────────────────────────────── */
[x-show="true"] { display: block; }
[x-show="false"] { display: none; }