/* landing.css - Landing page styles */

.landing-page { display: none; position: fixed; inset: 0; background: white; z-index: 3500; overflow-y: auto; }

.landing-page.active { display: block; }

.landing-page.active ~ .navbar { display: none; }

.landing-content { text-align: center; color: white; animation: fadeInUp 0.8s ease-out; }

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

.landing-logo { width: 120px; height: 120px; margin-bottom: 30px; filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2)); }

.landing-title { font-size: 48px; font-weight: 700; margin-bottom: 16px; font-family: "Montserrat", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }

.landing-subtitle { font-size: 20px; margin-bottom: 40px; opacity: 0.95; }

.enter-btn { padding: 16px 48px; font-size: 18px; font-weight: 600; background: white; color: #667eea; border: none; border-radius: 50px; cursor: pointer; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); transition: all 0.3s; }

.enter-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); }

.enter-btn:active { transform: translateY(0); }

@media (max-width: 768px) {
    .landing-logo { width: 90px; height: 90px; }
    .landing-title { font-size: 36px; }
    .landing-subtitle { font-size: 18px; }
    .enter-btn { padding: 14px 36px; font-size: 16px; }
}