/* Typography & Font Smoothing */
html, body {
    font-family: 'Plus Jakarta Sans', 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    letter-spacing: 0.01em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Plus Jakarta Sans', 'Be Vietnam Pro', sans-serif;
    letter-spacing: -0.01em;
    line-height: 1.35;
}

/* Custom Styles & Animation */
@keyframes pulseGlow {
    0%, 100% {
        opacity: 0.35;
        transform: scale(1);
    }
    50% {
        opacity: 0.65;
        transform: scale(1.04);
    }
}

.animate-glow {
    animation: pulseGlow 6s infinite ease-in-out;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #080c14;
}

::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
    background: #f59e0b;
}

/* Matrix Background Canvas */
.matrix-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: -1;
    opacity: 0.03;
    background-image: 
        radial-gradient(rgba(245, 158, 11, 0.4) 1px, transparent 0),
        linear-gradient(to bottom, rgba(8,12,20,0.8), rgba(8,12,20,0.98));
    background-size: 28px 28px, 100% 100%;
}

/* Tab View Transition */
.tab-view {
    animation: fadeInTab 0.3s ease-out;
}

@keyframes fadeInTab {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===================================================================
   HIDE NETLIFY BADGE & DRAWER COMPLETELY
   =================================================================== */
.netlify-badge,
#netlify-badge,
[data-netlify-badge],
[class*="netlify-badge"],
[id*="netlify-badge"],
iframe[src*="netlify"],
netlify-drawer,
[class*="netlify-drawer"],
[id*="netlify-drawer"],
[class*="netlify-feedback"],
div[style*="netlify.com"],
a[href*="netlify.com"][style*="fixed"],
a[href*="netlify.com"][style*="position: fixed"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    z-index: -9999 !important;
}


        /* ROCK-SOLID MOBILE CHATBOX CONSTRAINTS */
        #aiChatBox {
            position: fixed !important;
            bottom: 85px !important;
            left: 12px !important;
            right: 12px !important;
            width: calc(100vw - 24px) !important;
            max-width: 410px !important;
            height: min(520px, 72dvh) !important;
            max-height: calc(100dvh - 100px) !important;
            touch-action: pan-y !important;
        }
        @media (min-width: 640px) {
            #aiChatBox {
                left: auto !important;
                right: 24px !important;
                bottom: 96px !important;
                width: 410px !important;
                height: 540px !important;
                max-height: 80vh !important;
            }
        }
        #chatInput {
            font-size: 16px !important;
        }

/* HIDE NETLIFY BADGE & DRAWER COMPLETELY */
[data-netlify-deploy-id],
.netlify-identity-widget,
#netlify-identity-widget,
iframe[src*="netlify"],
div[class*="netlify"],
div[id*="netlify"],
a[href*="netlify.com"],
div:has(> a[href*="netlify.com"]),
.netlify-badge,
#netlify-badge {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    width: 0 !important;
    position: absolute !important;
    top: -9999px !important;
}