:root {
    --green: #0a4424;
    --maroon: #751518;
    --gold: #c68b34;
    --navy: #0a0947;

}

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');

/* body {
    font-family: "Poppins", sans-serif;
} */

* {
    font-family: "Poppins", sans-serif;
}
.modal {
    display: none;
    position: fixed;
    z-index: 50;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    overflow-y: auto;
}

.modal-content {
    background: white;
    margin: 4rem auto;
    border-radius: 1rem;
    width: 95%;
    max-width: 900px;
    padding: 2rem;
}



        /* Scrollbar for cards */
        .scrollbar-thin::-webkit-scrollbar {
            width: 6px;
        }
        .scrollbar-thin::-webkit-scrollbar-thumb {
            background-color: rgba(0,0,0,0.2);
            border-radius: 10px;
        }


         
        #calendar { max-width: 90%; margin: 40px auto; background: white; border-radius: 12px; padding: 20px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
       

        /* FullCalendar Event Styling */
        .fc-event {
            color: white !important;
            border: none !important;
            border-radius: 6px !important;
            padding: 3px 6px !important;
        }

        /* Legend */
        .legend span { display: inline-block; width: 16px; height: 16px; border-radius: 4px; margin-right: 8px; }

        /* BACKGROUND */
/* Gradient overlay */
.bg-overlay {
    background: linear-gradient(
        90deg,
        rgba(0,90,60,0.75),
        rgba(0,0,0,0.65),
        rgba(110,0,20,0.75)
    );
}

/* Green glow */
.glow-green {
    background: rgba(34,197,94,0.35);
    filter: blur(160px);
}

/* Red glow */
.glow-red {
    background: rgba(185,28,28,0.40);
    filter: blur(160px);
}

/* Curves */
.curves-left {
    background:
    radial-gradient(circle at 0 0, transparent 55%, rgba(255,255,255,.55) 56%, transparent 57%),
    radial-gradient(circle at 0 0, transparent 65%, rgba(255,255,255,.40) 66%, transparent 67%),
    radial-gradient(circle at 0 0, transparent 75%, rgba(255,255,255,.25) 76%, transparent 77%);
}

.curves-right {
    background:
    radial-gradient(circle at 0 0, transparent 55%, rgba(255,255,255,.55) 56%, transparent 57%),
    radial-gradient(circle at 0 0, transparent 65%, rgba(255,255,255,.40) 66%, transparent 67%),
    radial-gradient(circle at 0 0, transparent 75%, rgba(255,255,255,.25) 76%, transparent 77%);
}



/* =========================
   LOGIN LANDING BACKGROUNDS
========================= */

.bg-overlay-gradient {
    background: linear-gradient(
        90deg,
        rgba(0,90,60,0.75),
        rgba(0,0,0,0.65),
        rgba(110,0,20,0.75)
    );
}

/* Glow effects */
.glow-green {
    background: rgba(34,197,94,0.35);
    filter: blur(160px);
}

.glow-red {
    background: rgba(185,28,28,0.40);
    filter: blur(160px);
}

/* decorative curves */
.curve-left {
    background:
    radial-gradient(circle at 0 0, transparent 55%, rgba(255,255,255,.55) 56%, transparent 57%),
    radial-gradient(circle at 0 0, transparent 65%, rgba(255,255,255,.40) 66%, transparent 67%),
    radial-gradient(circle at 0 0, transparent 75%, rgba(255,255,255,.25) 76%, transparent 77%);
}

.curve-right {
    background:
    radial-gradient(circle at 0 0, transparent 55%, rgba(255,255,255,.55) 56%, transparent 57%),
    radial-gradient(circle at 0 0, transparent 65%, rgba(255,255,255,.40) 66%, transparent 67%),
    radial-gradient(circle at 0 0, transparent 75%, rgba(255,255,255,.25) 76%, transparent 77%);
}



.bg-main {
    background: radial-gradient(
        circle at top left,
        
        #0a4424 ,
        #0b2a1b 50%,
        #751518 100%
    );
}


/* =========================
   HERO TITLE
========================= */

.hero-title {
    font-size: clamp(3rem, 8vw, 6rem);
    font-weight: 800;
    line-height: 0.95;
    letter-spacing: -0.04em;
    color: white;
}

.hero-highlight {
    background: linear-gradient(
        90deg,
       
    


         #c68b34
    );

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

    text-shadow: 0 0 25px rgba(255,180,0,0.15);
}

.hero-subtext {
    color: rgba(255,255,255,0.7);
    font-size: 1rem;
    line-height: 1.8;
    max-width: 600px;
    margin-left: 30px;
}


button {
  position: relative;
  z-index: 1000;
}