/* Maintenance / Coming Soon Page */

body {
    font-family: var(--font-primary);
}

.maintenance-hero {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(222, 8, 22, 0.08) 0%, transparent 60%),
        radial-gradient(ellipse at 80% 50%, rgba(174, 204, 50, 0.06) 0%, transparent 50%),
        var(--color-bg-primary);
}

.maintenance-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        rgba(0,0,0,0.03) 2px,
        rgba(0,0,0,0.03) 4px
    );
    pointer-events: none;
}

.maintenance-content {
    position: relative;
    z-index: 1;
    padding: var(--space-8);
}

.maintenance-logo {
    width: 300px;
    height: auto;
    margin: 0 auto var(--space-8);
    animation: logoFloat 3s ease-in-out infinite;
    filter: drop-shadow(0 0 20px rgba(222, 8, 22, 0.15));
}

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

.maintenance-text {
    font-size: var(--text-xl);
    color: var(--color-text-secondary);
    line-height: 1.8;
    max-width: 600px;
    margin: 0 auto;
    white-space: pre-line;
}

@media (max-width: 768px) {
    .maintenance-logo { width: 200px; }
    .maintenance-text { font-size: var(--text-lg); }
}