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

:root {
    scroll-behavior: smooth;
}

body { font-family: 'Inter', sans-serif; }
.font-mono { font-family: 'JetBrains Mono', monospace; }

/* Scroll Reveal States */
.reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s cubic-bezier(0.17, 0.55, 0.55, 1);
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Hero Scanning Animation */
@keyframes scan {
    0% { transform: translateY(-100vh); }
    100% { transform: translateY(100vh); }
}

.scan-line {
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, transparent, rgba(34, 211, 238, 0.4), transparent);
    position: absolute;
    top: 0;
    z-index: 5;
    animation: scan 8s linear infinite;
}

/* Project Card Glow */
/* Fix for Project Card Alignment */
.project-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* This makes the description stretch to fill any empty space */
.project-card p {
    flex-grow: 1; 
}

/* This pins the skills section exactly to the bottom */
.project-card > div:last-child {
    margin-top: auto; 
}
/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #050505;
}
::-webkit-scrollbar-thumb {
    background: rgba(34, 211, 238, 0.2);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(34, 211, 238, 0.5);
}