/* Enhanced Custom Styles for Tech Mavericks */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #1e293b;
}

/* White angled slash banner below Hero */
.hero-white-slash {
    clip-path: polygon(0 35%, 100% 0, 100% 100%, 0 100%);
    margin-top: -45px;
    padding-top: 50px;
    padding-bottom: 25px;
}

/* Pink polygon decoration on top left of Services section */
.pink-triangle-decoration {
    position: absolute;
    top: 0;
    left: 0;
    width: 360px;
    height: 250px;
    background: linear-gradient(135deg, #f5d3cd 0%, #eac7c0 100%);
    clip-path: polygon(0 0, 100% 0, 0 100%);
    z-index: 1;
    opacity: 0.85;
}

/* Dot matrix pattern background */
.dot-matrix-bg {
    background-image: radial-gradient(#cbd5e1 1.5px, transparent 1.5px);
    background-size: 12px 12px;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #061026;
}
::-webkit-scrollbar-thumb {
    background: #22c55e;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #16a34a;
}