body {
    font-family: 'Poppins', sans-serif;
    background: #0d1117;
    color: #e6edf3;
    scroll-behavior: smooth;
}

.hero {
    height: 100vh;
    display: flex; flex-direction: column;
    justify-content: center; align-items: center;
    text-align: center;
    background: linear-gradient(135deg, #0d1117, #161b22);
}

.hero h1 {
    font-size: 4rem; font-weight: 700;
    animation: fadeInDown 1s ease;
}

.hero p {
    font-size: 1.3rem; color: #8b949e;
    animation: fadeInUp 1.5s ease;
}

.project-card {
    background: #161b22;
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.project-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.4);
}

.project-card img {
    width: 100%; height: 200px; object-fit: cover;
}

.tech-icons i {
    font-size: 1.5rem; margin-right: 8px;
}

footer {
    text-align: center; padding: 2rem;
    background: #0d1117; color: #8b949e;
}

@keyframes fadeInDown { from {opacity:0; transform:translateY(-20px);} to {opacity:1; transform:translateY(0);} }
@keyframes fadeInUp { from {opacity:0; transform:translateY(20px);} to {opacity:1; transform:translateY(0);} }