/* ========================================
   Maintenance page - standalone stylesheet
   No dependency on styles.css
   ======================================== */

:root {
    --maroon: #7A1220;
    --maroon-dark: #5C0E18;
    --gold: #C9972E;
    --gold-light: #F3D27A;
    --gold-deep: #B4791C;
    --cream: #F7EFDD;
    --brown: #3A2416;
    --white: #FFFDF7;
    --gold-grad: linear-gradient(135deg, #F3D27A 0%, #C9972E 50%, #B4791C 100%);
    --maroon-grad: linear-gradient(180deg, #7A1220 0%, #5C0E18 100%);
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body { height: 100%; }

body {
    font-family: 'Mukta', 'Noto Serif Devanagari', sans-serif;
    color: var(--brown);
    background: var(--cream);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background-image:
        radial-gradient(circle at 50% 30%, rgba(201, 151, 46, 0.16) 0%, transparent 62%),
        linear-gradient(180deg, #FBF5E8 0%, #F0E4C8 100%);
    background-attachment: fixed;
}

/* Subtle top and bottom accent bars */
body::before,
body::after {
    content: '';
    position: fixed;
    left: 0;
    right: 0;
    height: 5px;
    background: var(--gold-grad);
    z-index: 2;
}
body::before { top: 0; }
body::after { bottom: 0; }

.maintenance-page {
    width: 100%;
    max-width: 640px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.maintenance-card {
    width: 100%;
    text-align: center;
    background: var(--white);
    border: 2px solid var(--gold);
    border-radius: 18px;
    padding: 52px 40px 46px;
    box-shadow: 0 14px 44px rgba(122, 18, 32, 0.14);
    animation: maintenance-rise 0.7s ease-out both;
}

.maintenance-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.maintenance-logo-img {
    display: block;
    width: 100%;
    max-width: 250px;
    height: auto;
    object-fit: contain;
}

.maintenance-title {
    font-family: 'Yatra One', 'Noto Serif Devanagari', cursive;
    font-size: clamp(2.2rem, 8vw, 3.6rem);
    font-weight: 400;
    line-height: 1.2;
    color: var(--maroon);
    margin-bottom: 18px;
}

.maintenance-divider {
    width: 128px;
    height: 3px;
    margin: 0 auto 22px;
    border-radius: 2px;
    background: var(--gold-grad);
}

.maintenance-text {
    font-size: 1.02rem;
    line-height: 1.75;
    color: var(--brown);
    opacity: 0.9;
    max-width: 42ch;
    margin: 0 auto;
}

@keyframes maintenance-rise {
    from { opacity: 0; transform: translateY(18px); }
    to   { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .maintenance-card { animation: none; }
    * { transition: none !important; }
}

@media (max-width: 480px) {
    .maintenance-card { padding: 38px 22px 34px; border-radius: 14px; }
    .maintenance-logo-img { max-width: 190px; }
    .maintenance-text { font-size: 0.95rem; }
}