:root{--primary-bg:#0d1a2d;--card-bg:rgba(20,35,55,0.9);--border-color-light:rgba(60,80,100,0.4);--border-color-dark:rgba(40,60,80,0.6);--text-color-primary:#e0e6f0;--text-color-secondary:#a0b0c0;--text-color-light:#708090;--accent-color-1:#00c4cc;--accent-color-2:#009999;--shadow-light:rgba(0,0,0,0.4);--shadow-medium:rgba(0,0,0,0.6);--hover-effect-light:rgba(0,196,204,0.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-open-sans),sans-serif;background-color:var(--primary-bg);color:var(--text-color-primary);min-height:100vh;overflow-x:hidden;perspective:1000px;line-height:1.6;scroll-behavior:smooth}#volume,input[type=range]{width:100%}#volume{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:transparent}#volume::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:linear-gradient(to right,var(--accent-color-1) var(--val),#ccc var(--val))}#volume::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;background:var(--accent-color-1);border-radius:50%;cursor:pointer;margin-top:-5px}#progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}#progress::-webkit-slider-thumb{-webkit-appearance:none;border-radius:50%;height:16px;width:16px;cursor:pointer;margin-top:-5px;background:var(--accent-color-1)}#progress::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:linear-gradient(to right,var(--accent-color-1) var(--val),#ccc var(--val))}#particles-js{position:absolute;width:100%;height:100%;background-color:transparent;background-image:none;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;z-index:1}.navbar{position:relative;z-index:1000}.navbar-brand{color:#39ffd7;text-shadow:0 0 10px #39ffd755;font-weight:700}.navbar-brand:hover{color:#39ffd7}.navbar .nav-item{position:relative;margin:0 6px}.navbar .nav-link{color:var(--text-color-secondary);padding:8px 16px;font-weight:500;transition:color .3s ease}.navbar .nav-item:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:8px;border:1px solid transparent;transition:all .35s ease}.navbar .nav-item:hover:before{border-color:var(--accent-color-1);box-shadow:0 0 12px rgba(0,196,204,.5)}.navbar .nav-item:hover .nav-link{color:var(--accent-color-1)}.navbar .nav-item.active:before{border-color:var(--accent-color-1);box-shadow:0 0 14px rgba(0,196,204,.6)}.navbar .nav-item.active .nav-link{color:var(--accent-color-1)}