/* ===================== */
/* BASE TYPOGRAPHY */
/* ===================== */
html {
    font-size: 16px;
}

@media (min-width: 768px) {
    html {
        font-size: 20px;
    }
}

/* ===================== */
/* BACKGROUND */
/* ===================== */
body {
    background: radial-gradient(
            circle at center,
            #0e1022 0%,
            #080a15 55%,
            #05060f 100%
    );
}

/* ===================== */
/* NEON GLOW */
/* ===================== */
.neon-frame {
    position: relative;
}

.neon-frame::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
            circle at center,
            rgba(255, 110, 199, 0.12),
            transparent 60%
    );
    pointer-events: none;
}

/* ===================== */
/* BRAND */
/* ===================== */
.logo-text {
    text-align: center;
    margin-top: 0.6rem;
    user-select: none;
}

.brand-name {
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;

    background: linear-gradient(
            90deg,
            #d86cff,
            #9b7dff,
            #5cc8ff
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    text-shadow: 0 0 3px rgba(255, 110, 199, 0.35),
    0 0 8px rgba(199, 125, 255, 0.25);
}

@media (min-width: 768px) {
    .brand-name {
        font-size: 3.1rem;
    }
}

/* ===================== */
/* OFFER */
/* ===================== */
.offer-grid {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 0.6rem 2.5rem;
    margin-top: 1.6rem;
}

@media (max-width: 768px) {
    .offer-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }
}

.offer-item {
    display: flex;
    align-items: center;
    gap: 0.6em;

    font-size: 0.9rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.75);
}

.offer-icon {
    font-size: 0.7em;
    color: #ff6ec7;
    text-shadow: 0 0 6px rgba(255, 110, 199, 0.6);
}

/* ===================== */
/* COMING SOON */
/* ===================== */
.coming-soon {
    margin-top: 1.8rem;
    text-align: center;
    user-select: none;
}

.opening-status {
    font-size: 1.35rem;
    font-weight: 600;
    letter-spacing: 0.3em;

    background: linear-gradient(
            90deg,
            #ff6ec7,
            #c77dff,
            #9b7dff
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    text-shadow: 0 0 6px rgba(255, 110, 199, 0.4);
}

.opening-location {
    margin-top: 0.9rem;
    font-size: 0.95rem;
    letter-spacing: 0.18em;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.7);
}

.location-accent {
    color: #ff6ec7;
}