.elementor-2 .elementor-element.elementor-element-f991a52{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-a73c89a */body {
    background-color: #1e293b; /* Lighter, softer slate background (was #0a0b0e) */
    color: #e2e8f0;
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
}

/* Added: Softens the headline font and weight */
h1, h2, h3, h4, h5, h6, .font-serif {
    font-family: 'Lora', serif; /* Make sure to import Lora in your HTML */
    font-weight: 500; /* Softer appearance compared to heavy bold */
}

.gold-gradient-text {
    background: linear-gradient(135deg, #fce09b 0%, #c28f1e 50%, #fce09b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.green-gradient-text {
    background: linear-gradient(135deg, #a7f3d0 0%, #10b981 50%, #059669 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gold-border-glow {
    box-shadow: 0 0 25px -5px rgba(194, 143, 30, 0.2);
}

.matrix-bg {
    background-image: radial-gradient(rgba(16, 185, 129, 0.08) 1px, transparent 0);
    background-size: 24px 24px;
}

.grid-pattern {
    /* Slightly increased opacity from 0.03 to 0.05 so it remains visible on the lighter background */
    background-image: linear-gradient(to right, rgba(255,255,255,0.05) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size: 40px 40px;
}

.glass-panel {
    /* Adjusted to a lighter, softer slate tone to match the new background */
    background: rgba(39, 53, 73, 0.85);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #1e293b; /* Matches the new lighter body background */
}
::-webkit-scrollbar-thumb {
    background: #3e5068; /* Lighter thumb color for better contrast */
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #c28f1e;
}/* End custom CSS */