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

@font-face {
    font-family: "FiraCodeNerdFont";
    src: url("fonts/FiraCodeNerdFont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

* {
    font-family: "Inter", sans-serif;
}

.gradient-text {
    background: linear-gradient(135deg, #06b6d4 0%, #a855f7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.gradient-bg {
    background: linear-gradient(135deg, #06b6d4 0%, #a855f7 100%);
}

.gradient-border {
    position: relative;
    background: #111827;
    border-radius: 1rem;
}

.gradient-border::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 1rem;
    padding: 2px;
    background: linear-gradient(135deg, #06b6d4 0%, #a855f7 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.scroll-smooth {
    scroll-behavior: smooth;
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
    }
}

.float-animation {
    animation: float 6s ease-in-out infinite;
}

.font-fira * {
    font-family: "FiraCodeNerdFont", monospace !important
}

/* Code block improvements */
pre[class*="language-"] {
    background: #0b1220 !important;
    padding: 1rem;
    overflow: auto;
    border-radius: 0.75rem;
    box-shadow: 0 6px 18px rgba(2,6,23,0.6);
    margin: 0 !important;
}

pre code {
    font-size: 0.95rem;
    line-height: 1.5;
    color: #e6edf3;
}

.copy-btn {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}