canvas{position:fixed;background:radial-gradient(ellipse at top,#23232a 0,#05060a 70%,#05060a 100%);width:100%;height:calc(var(--vh,1vh) * 100);top:0;left:0;z-index:-1}.content{position:relative;z-index:1;color:#fff;text-align:center;padding-bottom:20px;padding-top:100px;opacity:1}body.home-page .content{padding-top:0}.fixed-header{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:fit-content;height:50px;background:rgba(26,27,37,.2);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:50px;display:flex;align-items:center;justify-content:center;padding:0 10px;box-shadow:0 4px 10px rgba(0,0,0,.2);border:.5px solid rgba(152,145,188,.2);color:#cccad8;z-index:100;transition:width .5s cubic-bezier(.4, 0, .2, 1),height .5s cubic-bezier(.4, 0, .2, 1),padding .5s cubic-bezier(.4, 0, .2, 1),background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease;overflow:hidden}.fixed-header.scrolled{width:50px;height:50px;padding:0;justify-content:center;background:rgba(129,140,248,.2);border-color:rgba(129,140,248,.5);cursor:pointer}.fixed-header.scrolled:hover{background:rgba(129,140,248,.8);color:#fff;transform:translateX(-50%) translateY(-5px);box-shadow:0 0 20px rgba(129,140,248,.4)}.fixed-header .logo{display:flex;align-items:center;font-size:16px;font-weight:600;white-space:nowrap;flex-shrink:0;transition:opacity .3s ease}.fixed-header.scrolled .logo{opacity:0;pointer-events:none;position:absolute}.fixed-header .logo a{text-decoration:none;color:#cccad8;display:flex;align-items:center}.fixed-header .logo img{margin-right:10px;filter:grayscale(100%);transition:transform .3s ease}.fixed-header:hover .logo img{transform:rotate(10deg);filter:grayscale(0%)}.expandable-nav{display:flex;align-items:center;gap:10px;opacity:1;visibility:visible;max-width:800px;transition:all .4s ease}.fixed-header.scrolled .expandable-nav{opacity:0;visibility:hidden;max-width:0;margin:0;overflow:hidden;pointer-events:none;position:absolute}.nav-link{color:#cccad8;text-decoration:none;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;transition:all .2s ease;white-space:nowrap}.nav-link:hover{background:rgba(255,255,255,.1);color:#fff}.nav-link.active{background:rgba(129,140,248,.2);color:#fff;border:1px solid rgba(129,140,248,.3)}.nav-link i{font-size:14px;color:rgba(255,255,255,.7)}.nav-link.active i,.nav-link:hover i{color:#fff}.fixed-header .lang-toggle{background-color:transparent;color:#cccad8;border:none;border-radius:20px;padding:6px 12px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.fixed-header.scrolled .lang-toggle{opacity:0;pointer-events:none;position:absolute}.fixed-header .lang-toggle:hover{background:rgba(255,255,255,.1);color:#fff}.fixed-header .lang-toggle i{font-size:14px;color:rgba(255,255,255,.7)}.fixed-header .lang-toggle:hover i{color:#fff}.scroll-top-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.5);font-size:20px;color:inherit;opacity:0;transition:all .3s ease;pointer-events:none}.fixed-header.scrolled .scroll-top-icon{opacity:1;transform:translate(-50%,-50%) scale(1);transition-delay:0.2s;pointer-events:auto}.fixed-header.hidden-header{opacity:0;transition:all .3s ease;pointer-events:none}@media (max-width:600px){.fixed-header{width:90%;max-width:400px}.fixed-header:hover{width:90%;max-width:400px}.expandable-nav{display:none}}footer{text-align:center;color:#fff;padding:10px 20px 30px;margin-top:80px}.footer-quote{font-size:1rem;font-style:italic;color:#cccad8;margin:0 0 20px 0;opacity:.8}footer p#copyright{font-size:.9rem;color:#9896a8;margin:0}