.elementor-2284 .elementor-element.elementor-element-531cc82{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-531cc82 */body {
            font-family: 'Inter', sans-serif;
            background-color: #0F0F0F; /* Even darker base */
            color: #E2E8F0; /* Light Gray/Off-White */
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        .versioncontrol{
			display: inline-block;
			background: #000;
			padding:5px 10px;
			border-radius: 6px;
			
		}
        .section-card {
            background-color: #1A1A1A; /* Darker gray for cards */
            border: 1px solid #262626; /* Subtle dark gray border */
            border-radius: 0.75rem;
            padding: 2rem;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
        }
        .btn-primary {
            background-color: #FF4D6D; /* Brighter, more vibrant red */
            color: white;
            transition: background-color 0.3s ease, transform 0.2s ease;
            border-radius: 9999px;
            padding: 0.85rem 2.25rem;
            font-weight: 600;
            letter-spacing: 0.025em;
            box-shadow: 0 4px 10px rgba(255, 77, 109, 0.4);
        }
        .btn-primary:hover {
            background-color: #E03C59; /* Darker Red on hover */
            transform: translateY(-2px);
            box-shadow: 0 6px 15px rgba(255, 77, 109, 0.6);
        }
        .btn-secondary {
            background-color: #262626; /* Muted Dark Gray for secondary button */
            color: #C0C0C0; /* Softer white */
            transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
            border-radius: 9999px;
            padding: 0.85rem 2.25rem;
            border: 1px solid #333333; /* Consistent darker border */
            font-weight: 500;
            letter-spacing: 0.01em;
        }
        .btn-secondary:hover {
            background-color: #333333; /* Lighter hover for secondary */
            color: #E2E8F0;
            transform: translateY(-2px);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        }
        .navbar-link {
            color: #A0A0A0; /* Softer text color for nav */
            transition: color 0.2s, background-color 0.2s;
            padding: 0.5rem 0.9rem;
            border-radius: 0.5rem;
            font-weight: 500;
        }
        .navbar-link:hover {
            color: #FF4D6D; /* Accent color on hover */
            background-color: #1A1A1A; /* Subtle background on hover */
        }

        /* Mobile Menu Specific Styles */
        .mobile-menu-overlay {
            position: fixed;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.85); /* Darker overlay */
            backdrop-filter: blur(5px); /* Subtle blur effect */
            z-index: 999;
            display: flex;
            justify-content: flex-end;
            visibility: hidden;
            opacity: 0;
            transition: visibility 0.4s ease-out, opacity 0.4s ease-out;
        }

        .mobile-menu-overlay.active {
            visibility: visible;
            opacity: 1;
        }

        .mobile-menu-content {
            background-color: #1A1A1A; /* Matches general card background */
            width: 80%;
            max-width: 350px;
            height: 100%;
            padding: 2.5rem;
            box-shadow: -8px 0 20px rgba(0, 0, 0, 0.6);
            transform: translateX(100%);
            transition: transform 0.4s ease-out;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            position: relative;
            border-left: 1px solid #262626;
        }

        .mobile-menu-overlay.active .mobile-menu-content {
            transform: translateX(0);
        }

        .nav-links-desktop {
            display: none;
        }

        @media (min-width: 768px) {
            .nav-links-desktop {
                display: flex;
                position: static;
                background-color: transparent;
                width: auto;
                height: auto;
                padding: 0;
                box-shadow: none;
                transform: none;
                flex-direction: row;
                align-items: center;
            }
            .hamburger-menu {
                display: none;
            }
        }/* End custom CSS */
/* Start custom CSS */body{
    background: #161616 !important
}/* End custom CSS */