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

body {
    /* Updated to Baskerville with professional fallbacks */
    font-family: 'Baskerville', 'Baskerville Old Face', 'Hoefler Text', Garamond, 'Times New Roman', serif;
    background-color: #22A652;
    color: black;
    overflow: hidden;
}

.main-container {
    height: 100vh;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.bg-texture {
    position: absolute;
    inset: 0;
    opacity: 0.1;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.content-wrapper {
    position: relative;
    z-index: 10;
    padding: 0 1rem;
}

.highlight {
    background-color: #FFE600;
    padding: 0 1rem;
    font-size: clamp(3rem, 10vw, 8rem);
    font-weight: bold;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.sub-text {
    display: block;
    font-size: clamp(2rem, 5vw, 4rem);
    text-transform: uppercase;
    font-weight: bold;
}

/* Logo Styles */
.logo-container {
    margin-top: 2rem;
}

.mango-svg {
    width: 150px;
    height: 150px;
}

.draw-path {
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
    animation: draw 2s ease-in-out forwards;
}

.delay {
    animation-delay: 1s;
}

/* Timer Styles */
.timer {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    margin-top: 1.5rem;
}

.time-block span {
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    color: white;
}

.time-block label {
    font-size: 0.8rem;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: 1px;
}

/* Animations */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(50px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes scaleIn {
    from { opacity: 0; transform: scale(0.5); }    to { opacity: 1; transform: scale(1); }
}

@keyframes draw {
    to { stroke-dashoffset: 0; }
}

.fade-in-up { animation: fadeInUp 1s forwards; }
.scale-in { animation: scaleIn 1s 0.5s forwards; opacity: 0; }
.delay-2 { animation-delay: 1.2s; opacity: 0; }

.timer-container {
    margin-top: 0.5rem;
}

.coming-soon-label {
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.3rem;
    font-size: 2rem;
    margin-bottom: 0.5rem;
    /* Updated to match the serif theme or you can revert to sans-serif */
    font-family: inherit; 
    opacity: 0.9;
}