.main-header{position:fixed;top:0;left:0;width:100%;padding:1.5rem 3rem;background:#1a1a1a80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:95;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);transition:transform .3s ease,opacity .3s ease}.main-header .logo{font-weight:800;font-size:1.5rem;color:#fff;letter-spacing:-.5px;background:linear-gradient(45deg,#fff,#a5a5a5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;cursor:pointer}.main-header .nav-links{list-style:none;display:flex;gap:3rem;margin:0;padding:0}.main-header .nav-links a{color:#fff9;text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s ease;position:relative;padding:.5rem 0}.main-header .nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#fff;transition:width .3s ease}.main-header .nav-links a:hover{color:#fff}.main-header .nav-links a:hover:after{width:100%}.main-header .nav-links a.active{color:#fff}.main-header .nav-links a.active:after{width:100%}.main-footer{position:fixed;bottom:0;left:0;width:100%;padding:1rem;text-align:center;background:#1a1a1a80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;font-size:.8rem;color:#fff6;border-top:1px solid rgba(255,255,255,.05);transition:transform .3s ease,opacity .3s ease}.copyright-link-footer{color:#fff6;text-decoration:none;transition:color .3s ease;cursor:pointer}.copyright-link-footer:hover{color:#fffc}