.breakdance .bde-section-86-124 .section-container{display:flex;flex-direction:column}.floating-header{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:99999;width:120px;height:64px;display:flex;align-items:center;justify-content:center;padding:0 24px;overflow:hidden;border-radius:999px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,0.06),transparent 40%),linear-gradient(120deg,rgba(45,35,30,0.45),rgba(18,22,20,0.55),rgba(55,45,35,0.45));background-size:200% 200%;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.07);box-shadow:0 20px 50px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.06);z-index:9999;transition:width 0.45s cubic-bezier(.22,1,.36,1),box-shadow 0.3s ease,border 0.3s ease;animation:gradientDrift 22s ease infinite}.floating-header:hover{width:500px;box-shadow:0 25px 70px rgba(0,0,0,0.45),inset 0 1px 0 rgba(255,255,255,0.08)}.floating-header::before{content:"";position:absolute;inset:-40%;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.06),transparent);transform:translateX(-60%) rotate(10deg);animation:lightSweep 10s linear infinite;pointer-events:none}.nav-center{position:absolute;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;font-weight:600;z-index:2}.nav-side{display:flex;gap:16px;opacity:0;pointer-events:none;transition:opacity 0.25s ease,transform 0.25s ease;transform:translateY(6px)}.floating-header:hover .nav-side{opacity:1;pointer-events:auto;transform:translateY(0)}.left{margin-right:55px}.right{margin-left:55px}.nav-side a{color:rgba(255,255,255,0.85);text-decoration:none;font-size:14px;font-weight:500;transition:color 0.2s ease}.nav-side a:hover{color:#fff}@keyframes gradientDrift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes lightSweep{0%{transform:translateX(-80%) rotate(10deg);opacity:0}20%{opacity:0.5}50%{opacity:0.2}100%{transform:translateX(80%) rotate(10deg);opacity:0}}@media (max-width:768px){.floating-header{width:72px}.floating-header:hover{width:72px}.nav-side{display:none}}.floating-header:hover{width:500px}.nav-side{display:flex;gap:24px;opacity:0;pointer-events:none;transition:opacity 0.25s ease;white-space:nowrap}.floating-header:hover .nav-side{opacity:1;pointer-events:auto}.left{margin-right:auto}.right{margin-left:auto}.nav-center{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;white-space:nowrap;color:#fff;font-size:14px;font-weight:600;z-index:2}.nav-side a{color:#fff;text-decoration:none;font-size:14px;font-weight:500}@keyframes floatGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}