/* Reset & Base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fa;
    scroll-behavior: smooth;
}

/* Navbar Blur */
.custom-navbar {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #eee;
    transition: box-shadow 0.3s ease;
}

/* Hero Gradient */
.hero-gradient {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Button Hover */
.custom-btn-hover {
    transition: transform 0.3s, box-shadow 0.3s;
}
.custom-btn-hover:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

/* Custom Card */
.custom-card {
    border-radius: 16px;
    border: none;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    transition: transform 0.3s, box-shadow 0.3s;
}

.custom-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}

.project-image {
    height: 220px;
    background: #f1f3f5;
    border-radius: 16px 16px 0 0;
}

/* GitHub Stats Hover */
.github-stat-card img {
    transition: transform 0.3s ease, filter 0.3s ease !important;
}
.github-stat-card:hover img {
    transform: scale(1.03);
    filter: brightness(1.05);
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Dark Mode */
body.dark-mode {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}
body.dark-mode .bg-white { background-color: #1e1e1e !important; }
body.dark-mode .bg-light { background-color: #2c2c2c !important; }
body.dark-mode .bg-dark { background-color: #000000 !important; }

body.dark-mode .text-dark { color: #ffffff !important; }
body.dark-mode .text-secondary { color: #aaaaaa !important; }
body.dark-mode .text-muted { color: #888888 !important; }
body.dark-mode .btn-light.text-dark { color: #212529 !important; }

body.dark-mode .custom-navbar {
    background: rgba(30, 30, 30, 0.95);
    border-bottom: 1px solid #333;
}
body.dark-mode .navbar-light .navbar-nav .nav-link { color: #e0e0e0 !important; }
body.dark-mode .navbar-light .navbar-nav .nav-link:hover { color: #ffffff !important; }

body.dark-mode .custom-card {
    background-color: #1e1e1e;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
body.dark-mode .custom-card:hover { box-shadow: 0 15px 30px rgba(0,0,0,0.7); }
body.dark-mode .project-image {
    background-color: #2c2c2c;
    border-bottom-color: #333 !important;
}

body.dark-mode .border-top,
body.dark-mode .border-bottom { border-color: #333 !important; }

body.dark-mode .modal-content { background-color: #1e1e1e; }
body.dark-mode .modal-header { border-bottom-color: #333; }

body.dark-mode .alert-light {
    background-color: #2c2c2c !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

body.dark-mode .navbar-toggler-icon { filter: invert(1); }

body.dark-mode .github-stat-card img {
    filter: invert(0.9) hue-rotate(180deg) !important;
}
body.dark-mode .github-stat-card:hover img {
    filter: invert(0.9) hue-rotate(180deg) brightness(1.1) !important;
}