.floating-header{z-index:1000;background:0 0;justify-content:center;align-items:center;padding:.25rem 2rem 1.5rem;transition:all .3s ease-in-out;display:flex;position:fixed;top:0;left:0;right:0}.floating-header--floating{padding:1rem 2rem}.floating-header__container{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1400px;padding:0;transition:all .3s ease-in-out;display:flex}.floating-header--floating .floating-header__container{-webkit-backdrop-filter:blur(20px);background:#2d2d37f2;border:1px solid #ffffff1a;border-radius:50px;gap:.75rem;max-width:750px;margin:0 auto;padding:.7rem 1.75rem;box-shadow:0 8px 32px #0000004d}.floating-header__logo{color:#000;flex-shrink:0;align-items:center;gap:.25rem;font-size:1.75rem;font-weight:600;text-decoration:none;transition:transform .2s;display:flex}.floating-header__logo:hover{transform:scale(1.05)}.floating-header__logo-image{-o-object-fit:contain;object-fit:contain;width:72px;height:72px}.floating-header--floating .floating-header__logo-image{width:56px;height:56px}.floating-header__logo-text{color:#000;font-size:1.2rem;font-weight:600}.floating-header--floating .floating-header__logo-text{color:#fff;font-size:1rem}.floating-header__nav{justify-content:flex-end;align-items:center;gap:1.5rem;margin:0 0 0 auto;display:flex}.floating-header__nav-link{color:#000;white-space:nowrap;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.floating-header__nav-link:hover{color:#29b6f6}.floating-header--floating .floating-header__nav{flex:1;justify-content:center;gap:1rem;margin:0 1.5rem}.floating-header--floating .floating-header__nav-link{color:#ffffffe6;font-size:.95rem}.floating-header--floating .floating-header__nav-link:hover{color:#29b6f6}.floating-header__actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.floating-header__auth-btn{white-space:nowrap;box-sizing:border-box;min-width:11rem}.floating-header__auth-btn--skeleton{color:#0000;-webkit-user-select:none;user-select:none;pointer-events:none;background:#29b6f640;border-radius:50px;justify-content:center;align-items:center;min-width:11rem;padding:.5rem 1.25rem;font-size:1rem;font-weight:600;display:inline-flex}.floating-header--floating .floating-header__auth-btn--skeleton{background:#ffffff26;padding:.5rem 1.25rem;font-size:.95rem}.floating-header .button--primary{color:#fff;background:linear-gradient(90deg,#29b6f6 0%,#4fc3f7 50%,#81d4fa 100%);border:none;border-radius:50px;padding:.5rem 1.25rem;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #29b6f666}.floating-header .button--primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.floating-header--floating .button--primary{padding:.5rem 1.25rem;font-size:.95rem}.floating-header .button--primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #29b6f680}.floating-header .button--primary:hover:before{left:100%}@media (max-width:768px){.floating-header{padding:1rem}.floating-header--floating{padding:.75rem 1rem}.floating-header--floating .floating-header__container{border-radius:30px;padding:.5rem 1rem}.floating-header__nav,.floating-header__logo-text{display:none}.floating-header__actions{gap:.5rem}.floating-header .button--primary{padding:.5rem 1rem;font-size:.85rem}.floating-header .button--ghost{padding:.5rem .75rem;font-size:.85rem}}
