.status-bar-safe-area {
    display: none;
}

@supports (-webkit-touch-callout: none) {
    .status-bar-safe-area {
        display: flex;
        position: sticky;
        top: 0;
        height: env(safe-area-inset-top);
        background-color: #f7f7f7;
        width: 100%;
        z-index: 1;
    }

    .flex-column, .navbar-brand {
        padding-left: env(safe-area-inset-left);
    }
}

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

:root, html, body {
    color-scheme: light only!important;
    background: linear-gradient(135deg, #1e3a8a, #3b82f6) !important;
    color: #fff !important;
    max-width: 100vw;
    overflow-x: hidden !important;
    forced-color-adjust: none !important;
}

html, body {
    background-color: #1e3a8a !important;
    color-scheme: only light !important;
    color: #fff !important;
    forced-color-adjust: none !important;
}

@media (prefers-color-scheme: dark), (prefers-color-scheme: light) {
    :root, html, body {
        color-scheme: only light !important;
        background: linear-gradient(135deg, #1e3a8a, #3b82f6) !important;
        color: #fff !important;
        forced-color-adjust: none !important;
    }

    html, body {
        background-color: #1e3a8a !important;
        color-scheme: only light !important;
        color: #fff !important;
        forced-color-adjust: none !important;
    }
}

@media (prefers-color-scheme: dark), (prefers-color-scheme: light) {
    :root, html, body {
        background: linear-gradient(135deg, #1e3a8a, #3b82f6) !important;
        color: #fff !important;
    }
}

html[data-theme="custom"] {
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(135deg, #1e3a8a, #3b82f6);
    color: #ffffff;
    max-width: 100vw;
    overflow-x: hidden !important;
}

.section-diagonal {
    clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
    background: #1e3a8a;
}

.accent-orange {
    background: linear-gradient(45deg, #f97316, #fec002);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.animate-fade-in {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeIn 1s ease-out forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hover-scale {
    transition: transform 0.3s ease;
}

    .hover-scale:hover {
        transform: scale(1.05);
    }

.download-btn {
    background: linear-gradient(45deg, #f97316, #fec002);
    transition: all 0.3s ease;
}

    .download-btn:hover {
        background: linear-gradient(45deg, #ff8c00, #f97316);
        transform: translateY(-2px);
    }

.form-input {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #ffffff33;
    color: #ffffff;
    transition: border-color 0.3s ease;
}

    .form-input:focus {
        border-color: #fec002;
        outline: none;
    }

.red {
    color: red;
}

.green {
    color: green;
}
/* Remove any prefers-color-scheme */
@media (prefers-color-scheme: dark), (prefers-color-scheme: light) {
    html[data-theme="custom"] {
        background: linear-gradient(135deg, #1e3a8a, #3b82f6);
        color: #ffffff;
    }
}