body.dark-mode{--bg-base:#0a0a0f;--bg-surface:#0c1222b8;--bg-surface-strong:#0e1528e0;--bg-glass:#0e152894;--text-strong:#f2f6ff;--text-body:#eaf1ffd1;--text-soft:#d5e0f6ad;--border-soft:#d8e6ff24;--border-strong:#d8e6ff40;--shadow-soft:0 14px 32px #00000057;--shadow-card:0 24px 62px #0006;--shadow-strong:0 34px 100px #00000085;color:var(--text-strong);background:radial-gradient(70% 50% at 10% 10%,#e0476a12,#0000),linear-gradient(140deg,#0e0608 0%,#130810 50%,#09050a 100%)}body.dark-mode:after{opacity:.06}.dark-mode .global-scroll-progress{background:#060a1380}.dark-mode .global-scroll-progress:after{background:#f09ab0;box-shadow:0 0 12px #e0476a61}.dark-mode .header-mobile,.dark-mode .nav-desktop,.dark-mode .hamburger-menu-content,.dark-mode .contact-page,.dark-mode .contact-content,.dark-mode .hero-copy-shell,.dark-mode .hero-photo-frame,.dark-mode .about-item,.dark-mode .project-item,.dark-mode .project-folder-shell,.dark-mode .projectlist-folder,.dark-mode .articles-item,.dark-mode .articles-item-page,.dark-mode .hero-metric,.dark-mode .nav-hamburger a,.dark-mode .dropdown,.dark-mode .dropdown-menu,.dark-mode .hero-tech-stack span,.dark-mode .hero-kicker,.dark-mode .project-chip,.dark-mode .article-chip,.dark-mode .about-order,.dark-mode .contact-status{box-shadow:var(--shadow-soft);background:linear-gradient(150deg,#0f172aeb,#0a1120d1)}.dark-mode .profiles a,.dark-mode .hero-action-secondary,.dark-mode .link-area a,.dark-mode .cv a,.dark-mode .project-inspect-link{background-color:#fff;background-image:linear-gradient(to top,var(--accent)50%,#fff 50%);box-shadow:var(--shadow-soft);color:#000;background-position:0 0;background-repeat:no-repeat;background-size:100% 200%}.dark-mode .articles-arrow-link{background-color:#fff;background-image:linear-gradient(to top,var(--accent)50%,#fff 50%);color:#000;background-position:0 0;background-repeat:no-repeat;background-size:100% 200%}.dark-mode .hero-flow-tags span{background:#141a32b8;border-color:#d8e6ff2e}.dark-mode .project-meta{color:var(--text-soft)}.dark-mode .project-image-glow{background:radial-gradient(circle,#e0476a26,#0000 74%)}.dark-mode .project-folder-shell{background:linear-gradient(#0d1425f2,#090f1ce6);border-color:#d8e6ff33}.dark-mode .project-folder-shell:before{background:linear-gradient(#151f38f5,#0d1527f2);border-color:#d8e6ff33}.dark-mode .project-item-folder{background:linear-gradient(#11192df5,#0a1121e0);border-color:#d8e6ff2e}.dark-mode .project-item-folder:before{background:linear-gradient(#17223bf5,#0f1729f2);border-color:#d8e6ff33}.dark-mode .project-item-folder:after{background:linear-gradient(#f09ab080,#f09ab01f)}.dark-mode .nav-desktop.scrolled{box-shadow:0 20px 44px #0006}.dark-mode .hero-action-primary,.dark-mode .contact-content button,.dark-mode .nav-hamburger a.active{color:#000;background:0 0}.dark-mode .hero-action-primary,.dark-mode .contact-content button{background-color:#fff;background-image:linear-gradient(to top,var(--accent)50%,#fff 50%);background-position:0 0;background-repeat:no-repeat;background-size:100% 200%;box-shadow:0 18px 40px #00000057}.dark-mode .scroll-to-top{background-image:linear-gradient(to top,var(--accent)50%,#0e1528eb 50%);background-position:0 100%;background-size:100% 200%}.dark-mode .contact-page{background:linear-gradient(#0c0f1ceb,#060a13eb)}.dark-mode .contact-content{background:#0e1528cc;border-color:#eaf1ff1a}.dark-mode .nav-adres a.active{color:#fff;background:#e0476a33}.dark-mode .slider-container-home:before{background:linear-gradient(90deg,#060a13,#060a1300)}.dark-mode .slider-container-home:after{background:linear-gradient(270deg,#060a13,#060a1300)}.dark-mode .star-icon svg path,.dark-mode .contact-icon svg path,.dark-mode .icon svg path,.dark-mode .hamburger-btn svg,.dark-mode .close-btn svg,.dark-mode .theme-switch svg{fill:var(--text-strong)}.dark-mode .global-cursor{mix-blend-mode:screen;background:radial-gradient(circle,#ffffff52,#e0476a1f);border-color:#ff9baf70;box-shadow:0 10px 30px #e0476a3d}@media (hover:hover) and (pointer:fine){.dark-mode .hero-action-primary:hover,.dark-mode .contact-content button:hover,.dark-mode .hero-action-secondary:hover,.dark-mode .link-area a:hover,.dark-mode .cv a:hover,.dark-mode .profiles a:hover,.dark-mode .articles-arrow-link:hover,.dark-mode .project-inspect-link:hover{color:#fff;background-position:0 100%}}