body.dark-mode{background-color:#121212;color:#fff}.dark-mode-toggle{width:30px;height:30px;border-radius:50%;cursor:pointer;position:relative;margin-left:20px;display:flex;justify-content:center;align-items:center;background:#f0f0f3;box-shadow:inset 1px 1px 1px #d0d0d3,inset -1px -1px 1px #fff;transition:all .4s ease}.dark-mode-toggle:before{--ray-distance: 9px;--ray-size: 2.5px;--core-size: 8px;--icon-color: #cccccc;--spread: calc((var(--ray-size) - var(--core-size)) / 2);--diag-dist: calc(var(--ray-distance) * .7071);content:"";position:absolute;width:var(--core-size);height:var(--core-size);border-radius:50%;background:var(--icon-color);box-shadow:0 calc(-1 * var(--ray-distance)) 0 var(--spread) var(--icon-color),0 var(--ray-distance) 0 var(--spread) var(--icon-color),var(--ray-distance) 0 0 var(--spread) var(--icon-color),calc(-1 * var(--ray-distance)) 0 0 var(--spread) var(--icon-color),var(--diag-dist) calc(-1 * var(--diag-dist)) 0 var(--spread) var(--icon-color),calc(-1 * var(--diag-dist)) var(--diag-dist) 0 var(--spread) var(--icon-color),var(--diag-dist) var(--diag-dist) 0 var(--spread) var(--icon-color),calc(-1 * var(--diag-dist)) calc(-1 * var(--diag-dist)) 0 var(--spread) var(--icon-color);transform:scale(1) rotate(0);transition:all .4s ease;border:0 solid transparent}.dark-mode-toggle:after{content:"";position:absolute;border-radius:50%;transform:scale(0);transition:all .4s ease}.dark-mode .dark-mode-toggle{background:#2d2d2d;box-shadow:inset 1px 1px 1px #252525,inset -1px -1px 1px #353535}.dark-mode .dark-mode-toggle:before{--moon-size: 13px;--moon-color: #e0e0e0;width:var(--moon-size);height:var(--moon-size);background:var(--moon-color);box-shadow:none;border:none;transform:scale(1)}.dark-mode .dark-mode-toggle:after{--cutter-size: 13px;--cutter-offset: 4px;--cutter-rotation: 30deg;width:var(--cutter-size);height:var(--cutter-size);background:#2d2d2d;transform:scale(1) rotate(var(--cutter-rotation)) translate(calc(-1 * var(--cutter-offset)))}.dark-mode nav#main-nav{background-color:#1e1e1e;border-bottom:1px solid #333}.dark-mode .logo a,.dark-mode .nav-links li a{color:#fff}.dark-mode .nav-links li a.active,.dark-mode .nav-links li a:hover{color:#bb86fc}.dark-mode .home-container h1,.dark-mode .home-container h2{color:#fff}.dark-mode .feature-card{background-color:#1e1e1e;border:1px solid #333}.dark-mode .feature-card h3{color:#fff}.dark-mode .feature-card p{color:#b3b3b3}.dark-mode .btn.primary{background-color:#bb86fc;color:#121212}.dark-mode .btn.secondary{background-color:transparent;color:#bb86fc;border-color:#bb86fc}.dark-mode footer{background-color:#1e1e1e;color:#b3b3b3;border-top:1px solid #333}