*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,Montserrat,sans-serif;overflow:hidden;height:100vh;width:100vw;position:relative}h1,h2,h3,h4,h5{font-family:Poppins,Montserrat,sans-serif}#root{height:100vh;width:100vw;position:relative}button,a{cursor:pointer}.page-transition{transition:opacity .3s ease-in-out;opacity:0;position:absolute;width:100%;height:100%;top:0;left:0}.page-transition.active{opacity:1}.slide-transition{transition:transform .5s ease-in-out}.page-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-size:cover;background-position:center;transition:all .8s ease-in-out;z-index:-1}.page-background.blur{filter:blur(6px);transform:scale(1.05)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#50505080;border-radius:4px}body{scrollbar-width:thin;scrollbar-color:rgba(80,80,80,.5) transparent}.btn{padding:14px 28px;margin:10px;background-color:#0009;border:2px solid rgba(255,255,255,.8);border-radius:8px;color:#fff;font-size:1.2rem;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:280px;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.btn:hover{background-color:#000000bf;transform:translateY(-5px);box-shadow:0 5px 20px #0006}.btn:active{transform:translateY(-2px);box-shadow:0 2px 5px #0006}.menu-button{position:fixed;top:20px;right:20px;width:50px;height:50px;border-radius:50%;background-color:#0009;border:2px solid white;color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.5rem;z-index:100;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.menu-button:hover{background-color:#000c;transform:scale(1.1)}.menu{position:fixed;top:0;right:-300px;width:300px;height:100vh;background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:100px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:20px;transition:right .5s ease-in-out;z-index:90}.menu.open{right:0}.menu-item{position:relative;background:none;border:none;color:#fff;font-size:1.2rem;padding:10px;transition:all .3s ease;width:100%;text-align:center}.menu-item:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;background-color:#fff;transition:all .3s ease;transform:translate(-50%)}.menu-item:hover:after{width:80%}.toggle-switch{position:fixed;top:20px;left:20px;display:flex;align-items:center;z-index:100;background:#00000080;padding:8px 12px;border-radius:30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.toggle-switch .sun-icon,.toggle-switch .moon-icon{font-size:1.5rem;padding:0 10px}.toggle-switch .sun-icon{color:gold}.toggle-switch .moon-icon{color:#e0e0e0}.switch{position:relative;display:inline-block;width:70px;height:34px;margin:0 5px}.app{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.active-nav-link{opacity:.7;pointer-events:none}