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

body { 
    font-family: 'Inter', sans-serif; 
    overflow-x: hidden;
}

/* PRZYWRÓCONA CZCIONKA TERMINALOWA DLA NAGŁÓWKÓW */
h1, h2, h3, h4, .font-mono { 
    font-family: 'Consolas', 'Monaco', 'Courier New', 'monospace' !important; 
}

.no-scroll { 
    overflow: hidden; 
}

.glass-backdrop {
    background: rgba(15, 23, 42, 0.75);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

@keyframes modalEnter {
    from { opacity: 0; transform: scale(0.96) translateY(20px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

.modal-animate {
    animation: modalEnter 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.project-cover {
    background: #000 !important;
}

.project-cover img {
    transition: transform 0.3s ease;
}

.group:hover .project-cover img {
    transform: scale(1.03);
}

@media (max-width: 639px) {
    h2 {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

    .modal-animate {
        inset: 0.5rem;
    }
}