body.matrix-mode,
body.matrix-mode .topnav,
body.matrix-mode .hero-profile-img,
body.matrix-mode .accent,
body.matrix-mode .hero-subtitle,
body.matrix-mode .hero-description,
body.matrix-mode .topnav-links a,
body.matrix-mode .bouncing-dot,
body.matrix-mode .btn,
body.matrix-mode .social-icon
body.matrix-mode .project-title,
body.matrix-mode .accent-sub,
body.matrix-mode .project-description,
body.matrix-mode .tech-stack,
body.matrix-mode .pdf-container,
body.matrix-mode .timeline::before,
body.matrix-mode .timeline-marker,
body.matrix-mode .timeline-content,
body.matrix-mode .hobby-card,
body.matrix-mode .hobby-title,
body.matrix-mode .hobby-desc
body.matrix-mode .scroll-arrow {
    transition: all 0.1s ease !important;
}

body.matrix-mode {
    background-color: #0d0d0d !important;
    color: #00dd00 !important;
}

body.matrix-mode .topnav {
    border-bottom-color: #0f0 !important;
    box-shadow: 0 2px 15px rgba(0, 255, 0, 0.7),
    0 0 60px rgba(0, 255, 0, 0.5),
    0 0 120px rgba(0, 255, 0, 0.3) !important;
}

body.matrix-mode .topnav-links a {
    color: #00aa00 !important;
}

body.matrix-mode .topnav-links a:hover,
body.matrix-mode .topnav-links a.active {
    color: #0f0 !important;
    text-shadow: 0 0 15px rgba(0, 255, 0, 0.6) !important;
}

body.matrix-mode .hero-subtitle,
body.matrix-mode .hero-description {
    color: #00aa00 !important;
}

body.matrix-mode .accent {
    color: #0f0 !important;
}

body.matrix-mode .hero-profile-img {
    border-color: #0f0 !important;
    box-shadow: 0 0 30px rgba(0, 255, 0, 0.3) !important;
    filter: none !important;
}

body.matrix-mode .hero-profile-img:hover {
    box-shadow: 0 0 50px rgba(0, 255, 0, 0.5) !important;
}

body.matrix-mode .btn-primary {
    color: #0f0 !important;
    border-color: #0f0 !important;
}

body.matrix-mode .btn-primary:hover {
    background-color: rgba(0, 255, 0, 0.1) !important;
    box-shadow: 0 0 20px rgba(0, 255, 0, 0.3) !important;
}

body.matrix-mode .btn-outline {
    color: #00dd00 !important;
    border-color: #00dd00 !important;
}

body.matrix-mode .btn-outline:hover {
    background-color: #00dd00 !important;
    color: #0d0d0d !important;
}

body.matrix-mode .bouncing-dot,
body.matrix-mode .social-links a:hover .social-icon {
    color: #0f0 !important;
    fill: #0f0 !important;
    filter: drop-shadow(0 0 8px rgba(0, 255, 0, 0.8)) !important;
}

@keyframes violent-glitch-anim {
    0% { transform: translate(0) skew(0deg); filter: none; }
    20% { transform: translate(-30px, 20px) skew(20deg); filter: invert(1); }
    40% { transform: translate(20px, -20px) skew(-20deg); filter: hue-rotate(90deg); }
    60% { transform: translate(-40px, 0px) skew(10deg); filter: none; }
    80% { transform: translate(30px, 10px) skew(-10deg); filter: invert(1); }
    100% { transform: translate(0) skew(0deg); filter: none; }
}

.violent-glitch {
    overflow: hidden !important;
    transition: none !important;
    animation: violent-glitch-anim 0.2s linear infinite !important;
    height: 100vh;
}

body.matrix-mode .brand:hover {
    color: white !important;
    text-shadow: 0 0 15px rgba(0, 255, 0, 0.6) !important;
    transition-duration: 0.5s;
}

body.matrix-mode .footer {
    transition: all 0.3s ease !important;
}

body.matrix-mode .footer {
    border-top-color: #0f0 !important;
    box-shadow: 0 -2px 15px rgba(0, 255, 0, 0.7),
    0 0 60px rgba(0, 255, 0, 0.5),
    0 0 120px rgba(0, 255, 0, 0.3) !important;
}

body.matrix-mode .footer-links a {
    color: #00aa00 !important;
}

body.matrix-mode .footer-links a:hover {
    color: #0f0 !important;
    text-shadow: 0 0 15px rgba(0, 255, 0, 0.6) !important;
}

body.matrix-mode .secret:hover{
    color: rgba(12, 150, 0, 0.5) !important;
}

body.matrix-mode .project-title {
    color: #f1f1f1 !important;
    text-shadow: 0 0 10px rgba(0, 255, 0, 0.5);
}

body.matrix-mode .accent-sub {
    color: #00aa00 !important;
}

body.matrix-mode .project-description {
    color: #00dd00 !important;
}

body.matrix-mode .tech-stack {
    color: #0f0 !important;
}

body.matrix-mode .pdf-container {
    border-color: #00aa00 !important;
    background-color: #050505 !important;
}

body.matrix-mode .pdf-container:hover {
    border-color: #0f0 !important;
    box-shadow: 0 20px 60px -20px rgba(0, 255, 0, 0.3) !important;
}

body.matrix-mode .mobile-pdf-btn {
    color: #0f0 !important;
    border-color: #0f0 !important;
}

body.matrix-mode .mobile-pdf-btn:hover {
    background-color: #0f0 !important;
    color: #0d0d0d !important;
    box-shadow: 0 0 20px rgba(0, 255, 0, 0.5) !important;
}

body.matrix-mode .timeline::before {
    background: #0f0 !important;
    box-shadow: 0 0 15px rgba(0, 255, 0, 0.5) !important;
}

body.matrix-mode .timeline-marker {
    border-color: #0f0 !important;
    box-shadow: 0 0 10px rgba(0, 255, 0, 0.8) !important;
}

body.matrix-mode .timeline-item:hover .timeline-marker {
    background-color: #0f0 !important;
}

body.matrix-mode .timeline-content {
    border-color: #00aa00 !important;
}

body.matrix-mode .timeline-content:hover {
    border-color: #0f0 !important;
    box-shadow: 0 10px 30px -15px rgba(0, 255, 0, 0.2) !important;
}

body.matrix-mode .degree-title { color: #f1f1f1 !important; }
body.matrix-mode .institution,
body.matrix-mode .details,
body.matrix-mode .grade,
body.matrix-mode .grade-list {
    color: #00aa00 !important;
}

body.matrix-mode .default-img {
    opacity: 0 !important;
    transition: none !important;
    pointer-events: none !important;
}

body.matrix-mode .mtrx-img {
    opacity: 1;
    display: block !important;
    pointer-events: auto !important;
    border-color: #0f0 !important;
    box-shadow: 0 0 30px rgba(0, 255, 0, 0.3) !important;
}

body.matrix-mode .hobby-card {
    border-color: #00aa00 !important;
    background-color: #0a0a0a !important;
}

body.matrix-mode .hobby-card:hover {
    border-color: #0f0 !important;
    box-shadow: 0 10px 40px -10px rgba(0, 255, 0, 0.3) !important;
    background-color: #0f0f0f !important;
}

body.matrix-mode .hobby-title {
    color: #f1f1f1 !important;
    text-shadow: 0 0 10px rgba(0, 255, 0, 0.5);
}

body.matrix-mode .hobby-desc {
    color: #00aa00 !important;
}

body.matrix-mode .scroll-arrow {
    fill: #0f0 !important;
}
body.matrix-mode .scroll-arrow:hover {
    filter: drop-shadow(0 0 8px rgba(0, 255, 0, 0.8)) !important;
}

body.matrix-mode .contact-card:hover {
    transform: translateY(-5px) scale(1.02);
    border-color: #0f0;
    box-shadow: 0 10px 40px -10px rgba(0, 255, 0, 0.3);
}