.ambient-orbs{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}
.orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:0.15;animation:float 20s ease-in-out infinite}
.orb-1{width:600px;height:600px;background:var(--accent);top:-200px;left:-100px;animation-delay:0s}
.orb-2{width:500px;height:500px;background:var(--blue);bottom:-200px;right:-100px;animation-delay:-7s}
.orb-3{width:400px;height:400px;background:var(--emerald);top:50%;left:50%;animation-delay:-14s}

#hero3d{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}

.header{
    position:sticky;top:0;z-index:100;
    background:rgba(3,3,5,0.7);backdrop-filter:blur(30px) saturate(200%);
    -webkit-backdrop-filter:blur(30px) saturate(200%);
    border-bottom:1px solid var(--border);
}
.header-inner{
    max-width:1340px;margin:0 auto;padding:0 28px;
    height:64px;display:flex;justify-content:space-between;align-items:center;
}
.logo{display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;user-select:none}
.logo-mark{
    width:34px;height:34px;border-radius:10px;
    background:var(--grad);display:flex;align-items:center;justify-content:center;
    font-size:16px;box-shadow:0 0 24px var(--accent-glow);position:relative;
}
.logo-mark::after{
    content:'';position:absolute;inset:-3px;border-radius:13px;
    background:var(--grad);opacity:0.3;filter:blur(8px);z-index:-1;
}
.logo-text{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text);letter-spacing:-0.5px}
.logo-text span{color:var(--accent-light)}

.nav-links{display:flex;gap:2px;align-items:center}
.nav-links a,.nav-tab{
    color:var(--text-2);text-decoration:none;padding:8px 15px;border-radius:8px;
    font-size:0.84rem;font-weight:500;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);cursor:pointer;white-space:nowrap;
}
.nav-links a:hover,.nav-tab:hover{color:var(--text);background:rgba(255,255,255,0.04)}
.nav-tab.active{background:var(--accent-deep)!important;color:#fff!important;box-shadow:0 4px 20px var(--accent-glow)}
.nav-divider{width:1px;height:22px;background:var(--border);margin:0 12px}

#navAuth,#navUser{display:flex;gap:8px;align-items:center}
#navUser.hidden,#navAuth.hidden{display:none!important}

.main{position:relative;z-index:1;max-width:1340px;margin:0 auto;padding:0 28px 100px}

.footer{text-align:center;padding:40px 24px;color:var(--text-3);font-size:0.78rem;border-top:1px solid var(--border);position:relative;z-index:1}

section{animation:fadeSection 0.4s ease}