:root{--bg-dark: #0a0e17;--bg-light: #F9F8F4;--text-light: #ffffff;--text-dark: #111111;--accent: #3b82f6;--font-main: "Inter", system-ui, -apple-system, sans-serif;--transition-speed: .5s;--bg-primary: var(--bg-dark);--text-primary: var(--text-light);--text-secondary: #8892b0;--border-color: rgba(255, 255, 255, .1);--bg-card: #111625;--bg-tag: rgba(255, 255, 255, .1)}.transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-primary);z-index:9999;opacity:0;pointer-events:none;transition:opacity .5s ease}.transition-overlay.active{opacity:1;pointer-events:all}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}body.light-mode{--bg-primary: var(--bg-light);--text-primary: var(--text-dark);--text-secondary: #555555;--border-color: rgba(0, 0, 0, .1);--bg-card: #ffffff;--bg-tag: #f0f0f0;background-color:var(--bg-primary);color:var(--text-primary)}body.light-mode .nav-link:hover:after{background-color:#d1d5db!important}.nav-link,.footer-nav-link,body.light-mode h2{color:var(--accent)!important}body.light-mode h1{color:var(--text-dark)!important}body.light-mode h3{color:var(--text-secondary)!important}body.light-mode p,body.light-mode li{color:var(--text-dark)}body.light-mode ::-webkit-scrollbar-track{background:var(--bg-primary)}a{color:inherit;text-decoration:none}ul{list-style:none}.hero-tooltip-container,.contact-tooltip-container{position:relative;display:inline-block}.hero-tooltip,.contact-tooltip{visibility:hidden;background-color:var(--accent);color:#fff;text-align:center;border-radius:6px;padding:5px 10px;position:absolute;z-index:100;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;transition-delay:.2s;font-size:.8rem;white-space:nowrap;font-weight:500;box-shadow:0 4px 6px #0000001a;pointer-events:none}.hero-tooltip{top:135%}.hero-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent var(--accent) transparent}.hero-tooltip-container:hover .hero-tooltip{visibility:visible;opacity:1}.hero-social-link{color:var(--text-primary);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.hero-social-link:hover{color:var(--accent);transform:translateY(-3px)}.contact-tooltip{bottom:125%}.contact-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--accent) transparent transparent transparent}.contact-tooltip-container:hover .contact-tooltip{visibility:visible;opacity:1}.project-tooltip-container{position:relative;display:inline-block}.project-tooltip{visibility:hidden;background-color:var(--accent);color:#fff;text-align:center;border-radius:6px;padding:5px 10px;position:absolute;z-index:100;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;transition-delay:.2s;font-size:.75rem;white-space:nowrap;font-weight:500;box-shadow:0 4px 6px #0000001a;pointer-events:none;bottom:135%}.project-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--accent) transparent transparent transparent}.project-tooltip-container:hover .project-tooltip{visibility:visible;opacity:1}.challenge-subheading{color:var(--text-primary)}.challenge-heading,body.light-mode .challenge-subheading{color:var(--accent)}body.light-mode .challenge-heading{color:var(--text-primary)}