body{overflow-x:hidden;cursor:none}
a{cursor:none}

#cursor{position:fixed;pointer-events:none;z-index:9998;width:32px;height:32px;transform:translate(-50%,-50%);transition:none;will-change:left,top}
#cursor .inner{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}

header{position:fixed;top:.2rem;left:50%;transform:translateX(-50%);width:auto;min-width:12rem;z-index:100;padding:.2rem .4rem;transition:all .4s}
header.scrolled{padding:.14rem .4rem}
header .pc-nav{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:.5rem;padding:.14rem .5rem;gap:.6rem;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 .04rem .2rem rgba(0,0,0,.2);transition:all .4s}
header.scrolled .pc-nav{background:rgba(255,255,255,.12);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);padding:.1rem .5rem;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 .04rem .2rem rgba(0,0,0,.25)}
header .pc-nav .logo{display:flex;align-items:center}
header .pc-nav .logo img{height:.52rem;transition:filter .4s;filter:drop-shadow(0 .02rem .06rem rgba(0,0,0,.45))}
header .pc-nav .logo .img2{display:none}
header .pc-nav .navItems{display:flex;gap:.6rem;align-items:center}
header .pc-nav .navItems a{font-size:.16rem;color:rgba(255,255,255,.35);transition:color .35s,opacity .35s;font-weight:300;letter-spacing:.02rem;line-height:1;display:flex;align-items:center}
header .pc-nav .navItems a:hover{color:rgba(255,255,255,.7)}
header .pc-nav .navItems a.active{color:#fff}

header .headerActions{display:flex;align-items:center;gap:.12rem}
header .headerActions .settingsBtn{background:none;border:none;color:rgba(255,255,255,.5);cursor:none;padding:.06rem;transition:color .35s;display:flex;align-items:center;justify-content:center}
header .headerActions .settingsBtn:hover{color:#fff}
header .headerActions .settingsBtn svg{width:.2rem;height:.2rem;fill:currentColor;stroke:none}
header .headerActions .authBtn{font-size:.115rem;font-weight:300;letter-spacing:.01rem;padding:.06rem .14rem;border-radius:.16rem;cursor:none;transition:all .35s;outline:none;line-height:1;display:flex;align-items:center;font-family:'Nunito','Quicksand','Helvetica Neue',Helvetica,Arial,sans-serif}
header .headerActions .authBtn.signin{background:transparent;border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.7)}
header .headerActions .authBtn.signin:hover{border-color:rgba(255,255,255,.6);color:#fff}
header .headerActions .authBtn.signup{background:#fff;border:1px solid #fff;color:#000}
header .headerActions .authBtn.signup:hover{background:rgba(255,255,255,.9)}

header.dimmed .navItems{opacity:.25;transition:opacity .45s}
header.dimmed .headerActions{opacity:.25;transition:opacity .45s}
header .navItems{transition:opacity .45s}
header .headerActions{transition:opacity .45s}

header .pc-nav .nav-left-group{display:flex;align-items:center;gap:0;transition:gap .4s cubic-bezier(.25,.46,.45,.94)}
header .pc-nav .nav-center{flex:1;display:flex;justify-content:center;transition:all .4s ease}

header.nav-collapsed .pc-nav{gap:0;padding:.12rem .14rem;transition:all .5s cubic-bezier(.25,.46,.45,.94);width:auto;min-width:0}
header.nav-collapsed .nav-left-group{gap:0}
header.nav-collapsed .nav-center{opacity:0;flex:0;overflow:hidden;transform:scaleX(0);transform-origin:left center;transition:all .35s ease;width:0}
header.nav-collapsed .headerActions{opacity:0;pointer-events:none;transform:translateX(-.2rem);transition:all .35s ease;width:0}
header.nav-collapsed .navToggle{display:flex;opacity:1;transform:translateX(0);transition:all .4s cubic-bezier(.25,.46,.45,.94) .1s;pointer-events:auto}
header.nav-collapsed{min-width:0;width:auto;left:.3rem;transform:translateX(0);right:auto}
header .navToggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:rgba(255,255,255,.35);cursor:none;padding:.06rem;margin-left:.12rem;opacity:0;transform:translateX(-.1rem);pointer-events:none;transition:all .35s cubic-bezier(.25,.46,.45,.94)}
header .navToggle:hover{color:#fff}
header .navToggle svg{width:.22rem;height:.22rem;fill:currentColor}
header .navToggle .toggle-arrow{animation:breatheGlow 2s ease-in-out infinite}
@keyframes breatheGlow{0%,100%{color:rgba(255,255,255,.25);filter:drop-shadow(0 0 0 transparent)}50%{color:rgba(255,255,255,.9);filter:drop-shadow(0 0 .08rem rgba(255,255,255,.6))}}
header:not(.nav-collapsed) .nav-center{opacity:1;flex:1;transform:scaleX(1);transition:all .4s cubic-bezier(.25,.46,.45,.94) .1s}
header:not(.nav-collapsed) .headerActions{opacity:1;pointer-events:auto;transform:translateX(0);transition:all .4s cubic-bezier(.25,.46,.45,.94) .15s}

.app-nav{display:none}

#menuOverlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;background:#000;display:flex;align-items:center;justify-content:center;clip-path:circle(0% at 100% 0%);transition:clip-path .8s cubic-bezier(.77,0,.175,1)}
#menuOverlay.open{clip-path:circle(150% at 100% 0%)}
#menuOverlay .items{text-align:center}
#menuOverlay .items a{display:block;font-size:.6rem;color:rgba(255,255,255,.35);margin:.2rem 0;transition:color .35s;font-weight:300}
#menuOverlay .items a:hover{color:#fff}
#menuOverlay .items a.active{color:#fff}
#menuClose{position:fixed;top:.3rem;right:.5rem;z-index:201;color:#fff;font-size:.3rem;background:none;border:none;opacity:0;pointer-events:none;transition:opacity .3s}
#menuClose.visible{opacity:1;pointer-events:auto}

#settingsDrawer{position:fixed;top:0;right:0;width:4.2rem;height:100%;z-index:300;background:rgba(10,10,10,.95);backdrop-filter:blur(20px);transform:translateX(100%);transition:transform .5s cubic-bezier(.25,.46,.45,.94);border-left:1px solid rgba(255,255,255,.06)}
#settingsDrawer.open{transform:translateX(0)}
#settingsDrawer .sd-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem .4rem .3rem;border-bottom:1px solid rgba(255,255,255,.06)}
#settingsDrawer .sd-title{font-size:.14rem;font-weight:400;color:rgba(255,255,255,.5);letter-spacing:.06rem;text-transform:uppercase}
#settingsDrawer .sd-close{background:none;border:none;color:rgba(255,255,255,.4);font-size:.24rem;cursor:none;transition:color .35s;padding:0}
#settingsDrawer .sd-close:hover{color:#fff}
#settingsDrawer .sd-body{padding:.4rem}
#settingsDrawer .sd-item{display:flex;align-items:center;justify-content:space-between;padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.04)}
#settingsDrawer .sd-item:last-child{border-bottom:none}
#settingsDrawer .sd-label{font-size:.12rem;color:rgba(255,255,255,.35);letter-spacing:.02rem}
#settingsDrawer .sd-value{font-size:.12rem;color:rgba(255,255,255,.6)}
#settingsOverlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:299;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .4s}
#settingsOverlay.open{opacity:1;pointer-events:auto}