@import url("./static/css/base/_variables.css");
        @import url("./static/css/base/_global.css");
        @import url("./static/css/base/_typography.css");
        @import url("./static/css/utilities/_helpers.css");
        @import url("./static/css/layout/_header.css");
        @import url("./static/css/layout/_container.css");
        @import url("./static/css/layout/_footer.css");
        @import url("./static/css/layout/_grid-systems.css");
        @import url("./static/css/components/_buttons.css");
        @import url("./static/css/components/_forms.css");
        @import url("./static/css/components/_cards.css");
        @import url("./static/css/components/_menu-dropdown.css");
        @import url("./static/css/components/_image-comparer.css");
        @import url("./static/css/pages/_home.css");
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
        body {
            font-family: 'Inter', sans-serif;
        }
        .modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(2, 6, 17, .58);
            backdrop-filter: blur(3px);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 3000;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }

        .modal.open {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }

        .modal-content {
            background: linear-gradient(180deg, #0b1220 0%, #0a0f18 100%);
            margin: auto;
            padding: 24px;
            border: 1px solid rgba(148, 163, 184, .35);
            border-radius: 16px;
            width: 90%;
            max-width: 400px;
            box-shadow: 0 20px 48px rgba(0,0,0,.45);
            transform: translateY(16px) scale(.985);
            opacity: 0;
            transition: transform 0.25s ease, opacity 0.25s ease;
        }

        .modal.open .modal-content {
            transform: translateY(0) scale(1);
            opacity: 1;
        }

        html.theme-light .modal-content {
            background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
            border-color: rgba(148, 163, 184, .4);
            box-shadow: 0 18px 38px rgba(2,6,23,.2);
        }