:root{--bg-dark:#0f0f0f;--bg-secondary-dark:#1a1a1a;--text-dark:#e0e0e0;--text-secondary-dark:#b0b0b0;--border-dark:#333;--card-dark:#1e1e1e}.skip-nav{position:absolute;top:-40px;left:0;background:var(--primary-color);color:#fff;padding:10px 20px;text-decoration:none;z-index:10000;border-radius:0 0 5px 0;font-weight:600;transition:top .3s ease}.skip-nav:focus{top:0;outline:3px solid #fff;outline-offset:2px}.theme-toggle{background:0 0;border:2px solid var(--primary-color);color:var(--primary-color);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin-right:20px;font-size:1.1rem}.theme-toggle:hover{background:var(--primary-color);color:#fff;transform:rotate(20deg)}body.dark-mode{background-color:var(--bg-dark);color:var(--text-dark);transition:background-color .3s ease,color .3s ease}body.dark-mode .bg-overlay{background:radial-gradient(circle at top right,rgba(0,90,160,.1) 0,rgba(0,0,0,.95) 100%)}body.dark-mode .header{background:rgba(15,15,15,.95);border-bottom-color:var(--border-dark)}body.dark-mode .header.scrolled{background:rgba(15,15,15,.98);box-shadow:0 2px 20px rgba(0,90,160,.2)}body.dark-mode .nav-link{color:var(--text-dark)}body.dark-mode .nav-link.active,body.dark-mode .nav-link:hover{color:var(--primary-color)}body.dark-mode .section{background-color:transparent}body.dark-mode .about,body.dark-mode .projects,body.dark-mode .skills{background:rgba(26,26,26,.5)}body.dark-mode .about-text p,body.dark-mode .personal-info{color:var(--text-secondary-dark)}body.dark-mode .info-title{color:var(--text-dark)}body.dark-mode .timeline-content{background:var(--card-dark);border-left-color:var(--primary-color)}body.dark-mode .timeline-content h3,body.dark-mode .timeline-content h4{color:var(--text-dark)}body.dark-mode .timeline-content ul li{color:var(--text-secondary-dark)}body.dark-mode .date{background:var(--primary-color);color:#fff}body.dark-mode .education-item{background:var(--card-dark)}body.dark-mode .education-item h3{color:var(--text-dark)}body.dark-mode .education-item p{color:var(--text-secondary-dark)}body.dark-mode .skill-category{background:var(--card-dark)}body.dark-mode .skill-category h3,body.dark-mode .skill-item h4{color:var(--text-dark)}body.dark-mode .skill-progress{background:rgba(255,255,255,.1)}body.dark-mode .cert-item{background:var(--card-dark);border-color:var(--border-dark)}body.dark-mode .cert-item h4{color:var(--text-dark)}body.dark-mode .project-card{background:var(--card-dark)}body.dark-mode .project-card h3{color:var(--text-dark)}body.dark-mode .project-card p{color:var(--text-secondary-dark)}body.dark-mode .tech-stack span{background:rgba(0,90,160,.2);color:var(--primary-color)}body.dark-mode .contact-item{background:var(--card-dark)}body.dark-mode .contact-item h3{color:var(--text-dark)}body.dark-mode .contact-item a{color:var(--text-secondary-dark)}body.dark-mode .contact-item a:hover{color:var(--primary-color)}body.dark-mode input,body.dark-mode textarea{background:var(--card-dark);border-color:var(--border-dark);color:var(--text-dark)}body.dark-mode input:focus,body.dark-mode textarea:focus{border-color:var(--primary-color);background:rgba(0,90,160,.05)}body.dark-mode label{color:var(--text-dark)}body.dark-mode .footer{background:var(--bg-secondary-dark);border-top-color:var(--border-dark)}body.dark-mode .footer p{color:var(--text-secondary-dark)}body.dark-mode .footer-nav a{color:var(--text-secondary-dark)}body.dark-mode .footer-nav a:hover{color:var(--primary-color)}body.dark-mode .back-to-top{background:var(--card-dark);border-color:var(--primary-color)}body.dark-mode .back-to-top:hover{background:var(--primary-color)}body.dark-mode .stats{background:linear-gradient(135deg,rgba(0,90,160,.05) 0,rgba(0,90,160,.02) 100%)}body.dark-mode .stat-item{background:var(--card-dark)}body.dark-mode .stat-number{color:var(--text-dark)}body.dark-mode .stat-label{color:var(--text-secondary-dark)}body.dark-mode .tech-icon{filter:brightness(.7)}.contact-item,.footer,.header,.project-card,.section,.skill-category,.timeline-content,body,input,textarea{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media (max-width:768px){.theme-toggle{margin-right:10px;width:35px;height:35px;font-size:1rem}}