#fw-section-custom-html-1e24b793-6e86-4ba4-9c2e-db7b3ddb747c {
--color-primary: #a8192e;
--color-primary-rgb: 168, 25, 46;
--color-background: #a8192e;
--color-background-rgb: 168, 25, 46;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #181818;
--color-on-background-rgb: 24, 24, 24;
--color-product-image-background: #181818;
--color-background-brightness: 70;
background-color: var(--color-background);
color: var(--color-on-background);
/* Custom CSS for Discord CTA Block */

/* Define the look of the entire banner block */
.discord-cta-block {
    /* Background: Primary Red */
    background-color: #A8192E; 
    padding: 40px 20px;
    margin: 40px 0;
    text-align: center;
    width: 100%;
    /* Geometric Accent Border (Teal) */
    border: 5px solid #00BCD4; 
    border-radius: 0px; 
}

/* Style the main heading */
.discord-cta-block h2 {
    font-family: 'Fjalla One', sans-serif;
    color: #FFFFFF; /* White Text Over Primary */
    font-size: 36px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    line-height: 1.1;
}

/* Style the body text */
.discord-cta-block p {
    font-family: 'Lato', sans-serif;
    color: #F5F5F5; /* Light Gray for Body Text */
    font-size: 18px;
    max-width: 700px;
    margin: 0 auto 25px auto;
}

/* Style the Discord Button */
.discord-cta-button {
    /* Base Color: Text Black */
    background-color: #181818; 
    color: #FFFFFF; 
    /* Font and Size */
    font-family: 'Fjalla One', sans-serif;
    font-size: 22px; 
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none; 
    
    /* Geometry and Padding */
    border-radius: 0px; 
    display: inline-block;
    padding: 15px 35px;
    
    /* Smooth Transition for the hover effect */
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover Effect: Changes to Teal Accent color on hover */
.discord-cta-button:hover {
    background-color: #00BCD4; /* Teal Accent */
    color: #181818; /* Black Text on Teal */
}
}
#fw-section-header {
--color-primary: #a8192e;
--color-primary-rgb: 168, 25, 46;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-donations-2d5061f7-dd63-4582-a0a8-9e96fa6b4438 {

/* Custom CSS for Donation Section */

/* 1. Container Styling: Use Text Black for a grounding, high-contrast block */
.donation-container {
    background-color: #181818 !important; /* Text Black Color */
    padding: 40px 20px !important;
    margin: 40px 0 !important;
    text-align: center;
    /* Use Primary Red for the border to brand the block */
    border: 5px solid #A8192E !important; 
    border-radius: 0px !important; 
}

/* 2. Heading Styling: Use Heading Font and White Text */
.donation-title {
    font-family: 'Fjalla One', sans-serif !important;
    color: #FFFFFF !important; /* White Text */
    font-size: 32px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
}

/* 3. Body Text Styling: Use Body Font and Light Gray Color */
.donation-text {
    font-family: 'Lato', sans-serif !important;
    color: #F5F5F5 !important; /* Very Light Gray */
    font-size: 16px !important;
    max-width: 600px;
    margin: 0 auto 20px auto !important;
}

/* 4. Button Styling: Use Primary Red for the button (High Contrast on Black BG) */
.donation-button {
    /* Base Color: Primary Red */
    background-color: #A8192E !important; 
    color: #FFFFFF !important; 
    
    /* Font and Style */
    font-family: 'Fjalla One', sans-serif !important;
    font-size: 18px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    
    /* Geometry and Padding */
    border-radius: 0px !important; 
    border: none !important;
    padding: 12px 30px !important;

    /* Smooth Transition for the hover effect */
    transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* 5. Hover Effect: Use the Teal Accent Color for a tech flicker */
.donation-button:hover {
    background-color: #00BCD4 !important; /* Teal Accent */
    color: #181818 !important; /* Black Text on Teal */
    cursor: pointer;
}

/* Ensure the input field also has sharp corners and light background for contrast */
.donation-input-field {
    border-radius: 0px !important;
    border: 1px solid #A8192E !important; /* Primary Red border on input */
    padding: 10px !important;
    color: #181818 !important; 
    background-color: #F5F5F5 !important; /* Light gray input field */
}
}
#fw-section-newsletter-7f28bc84-2122-4cea-8f06-875080b1eb18 {
--color-primary: #a8192e;
--color-primary-rgb: 168, 25, 46;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
/* Custom CSS for Newsletter Section */

/* 1. Container Styling: Use your Text Color for a strong visual block */
.newsletter-container {
    /* Use Primary Red for the background to make it unmissable */
    background-color: #A8192E !important; 
    padding: 40px 20px !important;
    margin: 40px 0 !important;
    text-align: center;
    /* Maintain sharp corners */
    border-radius: 0px !important; 
}

/* 2. Heading Styling: Use Heading Font and Text Over Primary Color */
.newsletter-title {
    font-family: 'Fjalla One', sans-serif !important;
    color: #FFFFFF !important; /* White Text Over Primary */
    font-size: 32px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
}

/* 3. Body Text Styling: Use Body Font and Light Color */
.newsletter-text {
    font-family: 'Lato', sans-serif !important;
    color: #F5F5F5 !important; /* Very Light Gray */
    font-size: 16px !important;
    max-width: 600px;
    margin: 0 auto 20px auto !important;
}

/* 4. Button Styling: Use High-Contrast Black and Sharp Geometry */
.newsletter-button {
    /* Base Color: Text Black for high contrast on the Primary Red background */
    background-color: #181818 !important; 
    color: #FFFFFF !important; 
    
    /* Font and Style */
    font-family: 'Fjalla One', sans-serif !important;
    font-size: 18px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    
    /* Geometry and Padding */
    border-radius: 0px !important; 
    border: none !important;
    padding: 12px 30px !important;

    /* Smooth Transition for the hover effect */
    transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* 5. Hover Effect: Use the Teal Accent Color for a tech flicker */
.newsletter-button:hover {
    background-color: #00BCD4 !important; /* Teal Accent */
    color: #181818 !important; /* Black Text on Teal */
    cursor: pointer;
}

/* Ensure the input field also has sharp corners */
.newsletter-input-field {
    border-radius: 0px !important;
    border: 1px solid #181818 !important;
    padding: 10px !important;
    /* Optional: Ensure the text remains dark */
    color: #181818 !important; 
}
}
#fw-section-password {

/* Custom CSS for the Final Shutdown Countdown Page (Target: Oct 11, 2026) */

/* Base container for the entire deadline page - NOTE: #final-countdown-block is the ID used in the HTML */
#final-countdown-block {
    width: 100%;
    min-height: 80vh;
    padding: 80px 20px;
    text-align: center;
    background-color: #181818; /* Text Black Background for maximum drama */
    color: #F5F5F5; /* Light Text */
}

/* 1. Main Heading Styling (DEACTIVATION SEQUENCE INITIATED) */
#deadline-title {
    font-family: 'Fjalla One', sans-serif !important;
    color: #A8192E !important; /* Primary Red (Urgency/Danger) */
    font-size: 65px !important;
    letter-spacing: 5px !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
}

/* 2. Countdown Display Container */
#countdown-timer {
    font-family: 'Fjalla One', sans-serif !important;
    color: #00BCD4 !important; /* Teal Accent (Tech/Circuit Glow) */
    font-size: 55px !important;
    letter-spacing: 3px !important;
    padding: 10px 0 !important;
    margin-bottom: 25px !important;
    /* Geometric borders */
    border-top: 3px solid #00BCD4 !important;
    border-bottom: 3px solid #00BCD4 !important;
}

/* Small labels under the numbers (Days, Hours, etc.) */
.countdown-label {
    display: block !important;
    font-size: 16px !important;
    font-family: 'Lato', sans-serif !important;
    color: #F5F5F5 !important;
    margin-top: 5px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* 3. Main Description Styling */
#deadline-description {
    font-family: 'Lato', sans-serif !important;
    color: #F5F5F5 !important;
    font-size: 20px !important;
    max-width: 800px;
    margin: 0 auto 50px auto !important;
}

/* --- Mailing List / Final Archive Section Styles --- */

/* Form Container: Visually separate it */
.inner-circuit-form {
    max-width: 500px;
    margin: 0 auto !important;
    background-color: #333333; /* Dark gray for subtle contrast on black background */
    padding: 30px !important;
    border-radius: 0px !important;
    border: 1px solid #A8192E !important; /* Primary Red Border */
}

/* Mailing List Description Text */
#inner-circuit-desc {
    font-family: 'Lato', sans-serif !important;
    color: #F5F5F5 !important; /* Light Gray Text */
    font-size: 16px !important;
    margin-bottom: 20px !important;
}

/* 4. Mailing List Input Field */
.inner-circuit-form input[type="email"] {
    width: 100%;
    padding: 12px !important;
    margin-bottom: 15px !important;
    border-radius: 0px !important; /* Sharp corners */
    border: 1px solid #A8192E !important; /* Primary Red Border */
    box-sizing: border-box;
    font-family: 'Lato', sans-serif !important;
}

/* 5. Mailing List Button (ACCESS FINAL TRANSMISSION) */
.inner-circuit-form button {
    background-color: #A8192E !important; /* Primary Red Button */
    color: #FFFFFF !important;
    font-family: 'Fjalla One', sans-serif !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 0px !important; /* Sharp corners */
    padding: 12px 30px !important;
    cursor: pointer;
    width: 100%;
    transition: background-color 0.3s ease !important;
}

/* 6. Button Hover Effect (Teal Accent) */
.inner-circuit-form button:hover {
    background-color: #00BCD4 !important; /* Teal Accent */
    color: #181818 !important; /* Black Text on Teal */
}
}