:root{--ocean-deep:#0c4a6e;--ocean-dark:#0369a1;--ocean-mid:#0ea5e9;--ocean-light:#38bdf8;--ocean-pale:#7dd3fc;--ocean-foam:#e0f2fe;--teal-deep:#134e4a;--teal-dark:#0f766e;--teal-mid:#14b8a6;--teal-light:#2dd4bf;--teal-pale:#5eead4;--coral-deep:#9f1239;--coral-dark:#e11d48;--coral-mid:#fb7185;--coral-light:#fda4af;--coral-pale:#fecdd3;--sand-deep:#92400e;--sand-mid:#d97706;--sand-light:#fbbf24;--sand-pale:#fef3c7;--seafoam-dark:#047857;--seafoam-mid:#10b981;--seafoam-light:#34d399;--seafoam-pale:#a7f3d0;--pearl:#faf5ff;--shell-pink:#fdf2f8;--shell-cream:#fffbeb}.dark{--ocean-bg:#0c1929;--ocean-card:#0f2942;--ocean-border:#1e3a5f}@keyframes wave{0%{transform:translate(0)translateZ(0)scaleY(1)}50%{transform:translate(-25%)translateZ(0)scaleY(.8)}to{transform:translate(-50%)translateZ(0)scaleY(1)}}@keyframes wave-slow{0%{transform:translate(0)translateZ(0)scaleY(1)}50%{transform:translate(-25%)translateZ(0)scaleY(.9)}to{transform:translate(-50%)translateZ(0)scaleY(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bubble{0%{opacity:0;transform:translateY(100%)scale(0)}10%{opacity:.5}to{opacity:0;transform:translateY(-100vh)scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ripple{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(4)}}@keyframes swim{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(5px)rotate(2deg)}75%{transform:translate(-5px)rotate(-2deg)}}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.animate-wave{animation:8s linear infinite wave}.animate-wave-slow{animation:12s linear infinite wave-slow}.animate-float{animation:3s ease-in-out infinite float}.animate-float-slow{animation:4s ease-in-out infinite float-slow}.animate-bubble{animation:8s ease-in infinite bubble}.animate-shimmer{background:linear-gradient(90deg,#0000,#ffffff4d,#0000) 0 0/200% 100%;animation:2s infinite shimmer}.animate-swim{animation:2s ease-in-out infinite swim}.animate-sway{animation:3s ease-in-out infinite sway}.bg-ocean-gradient{background:linear-gradient(135deg,var(--ocean-deep)0%,var(--ocean-dark)50%,var(--teal-dark)100%)}.bg-ocean-gradient-light{background:linear-gradient(135deg,var(--ocean-light)0%,var(--teal-light)50%,var(--seafoam-light)100%)}.bg-ocean-surface{background:linear-gradient(180deg,var(--ocean-pale)0%,var(--ocean-light)50%,var(--ocean-mid)100%)}.bg-ocean-deep{background:linear-gradient(180deg,var(--ocean-dark)0%,var(--ocean-deep)50%,#041c32 100%)}.bg-coral-gradient{background:linear-gradient(135deg,var(--coral-mid)0%,var(--coral-dark)100%)}.bg-sunset-ocean{background:linear-gradient(135deg,var(--coral-light)0%,var(--sand-light)25%,var(--ocean-light)75%,var(--ocean-mid)100%)}.wave-bg{position:relative;overflow:hidden}.wave-bg:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z' fill='%230ea5e9' fill-opacity='0.3'%3E%3C/path%3E%3C/svg%3E") 0 0/50% 100px;width:200%;height:100px;animation:10s linear infinite wave;position:absolute;bottom:0;left:0}.wave-bg:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z' fill='%2338bdf8' fill-opacity='0.2'%3E%3C/path%3E%3C/svg%3E") 0 0/50% 80px;width:200%;height:80px;animation:8s linear -2s infinite wave-slow;position:absolute;bottom:0;left:0}.bubbles{pointer-events:none;width:100%;height:100%;position:absolute;overflow:hidden}.bubble{background:radial-gradient(circle at 30% 30%,#fffc,#fff3);border-radius:50%;animation:8s ease-in infinite bubble;position:absolute;bottom:-20px}.bubble:first-child{width:20px;height:20px;animation-duration:8s;animation-delay:0s;left:10%}.bubble:nth-child(2){width:15px;height:15px;animation-duration:10s;animation-delay:1s;left:20%}.bubble:nth-child(3){width:25px;height:25px;animation-duration:7s;animation-delay:2s;left:35%}.bubble:nth-child(4){width:18px;height:18px;animation-duration:9s;animation-delay:3s;left:50%}.bubble:nth-child(5){width:22px;height:22px;animation-duration:11s;animation-delay:1.5s;left:65%}.bubble:nth-child(6){width:16px;height:16px;animation-duration:8s;animation-delay:2.5s;left:80%}.bubble:nth-child(7){width:20px;height:20px;animation-duration:10s;animation-delay:.5s;left:90%}.ocean-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0ea5e91a 0%,#14b8a61a 100%);border:1px solid #0ea5e933;transition:all .3s}.ocean-card:hover{border-color:#0ea5e966;transform:translateY(-2px);box-shadow:0 8px 32px #0ea5e926}.dark .ocean-card{background:linear-gradient(135deg,#0ea5e926 0%,#14b8a626 100%);border-color:#0ea5e94d}.ocean-btn{background:linear-gradient(135deg,var(--ocean-mid)0%,var(--teal-mid)100%);color:#fff;border:none;border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .3s;position:relative;overflow:hidden}.ocean-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.ocean-btn:hover:before{left:100%}.ocean-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0ea5e966}.ocean-btn-coral{background:linear-gradient(135deg,var(--coral-mid)0%,var(--coral-dark)100%)}.ocean-btn-coral:hover{box-shadow:0 4px 15px #fb718566}.ocean-input{border:2px solid var(--ocean-pale);background:#ffffffe6;border-radius:.5rem;padding:.5rem 1rem;transition:all .3s}.ocean-input:focus{border-color:var(--ocean-mid);outline:none;box-shadow:0 0 0 3px #0ea5e933}.dark .ocean-input{border-color:var(--ocean-dark);color:#fff;background:#0f2942e6}.seaweed{background:linear-gradient(180deg,var(--seafoam-mid)0%,var(--seafoam-dark)100%);transform-origin:bottom;border-radius:50% 50% 0 0;width:20px;height:80px;animation:3s ease-in-out infinite sway;position:absolute;bottom:0}.fish-icon{animation:2s ease-in-out infinite swim;display:inline-block}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";opacity:0;background:#ffffff80;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.ripple-effect:active:after{animation:.6s ease-out ripple}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--ocean-foam);border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--ocean-light)0%,var(--ocean-mid)100%);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--ocean-mid)0%,var(--ocean-dark)100%)}.dark ::-webkit-scrollbar-track{background:var(--ocean-deep)}.ocean-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;box-shadow:0 8px 32px #0ea5e91a}.dark .ocean-glass{background:#0c4a6e4d;border-color:#38bdf833}.streak-wave{background:linear-gradient(135deg,var(--ocean-mid)0%,var(--teal-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ocean-shadow{box-shadow:0 4px 20px #0ea5e926}.ocean-shadow-lg{box-shadow:0 8px 40px #0ea5e933}.light-rays{position:relative;overflow:hidden}.light-rays:before{content:"";pointer-events:none;background:conic-gradient(#0000 0deg,#ffffff08 10deg,#0000 20deg 90deg,#ffffff08 100deg,#0000 110deg 180deg,#ffffff08 190deg,#0000 200deg 270deg,#ffffff08 280deg,#0000 290deg);width:200%;height:200%;animation:30s linear infinite rotate;position:absolute;top:-50%;left:-50%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pearl-shine{position:relative}.pearl-shine:after{content:"";pointer-events:none;background:radial-gradient(#fffc 0%,#0000 70%);border-radius:50%;width:30%;height:30%;position:absolute;top:10%;left:15%}
@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes wave{0%{transform:translate(0)translateY(0)}50%{transform:translate(-25px)translateY(-10px)}to{transform:translate(0)translateY(0)}}@keyframes bubble-rise{0%{opacity:.7;transform:translateY(0)scale(1)}50%{opacity:1}to{opacity:0;transform:translateY(-100vh)scale(1.2)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes ripple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes drift{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(10px)rotate(5deg)}75%{transform:translate(-10px)rotate(-5deg)}}.animate-float{animation:3s ease-in-out infinite float}.animate-wave{animation:4s ease-in-out infinite wave}.animate-drift{animation:6s ease-in-out infinite drift}.animate-bubble{animation:8s ease-in infinite bubble-rise}.bg-ocean-gradient{background:linear-gradient(135deg,#0ea5e9 0%,#06b6d4 50%,#14b8a6 100%)}.bg-ocean-deep{background:linear-gradient(#0c4a6e 0%,#155e75 50%,#0e7490 100%)}.bg-ocean-shimmer{background:linear-gradient(90deg,#06b6d41a 0%,#22d3ee4d 50%,#06b6d41a 100%) 0 0/1000px 100%;animation:3s linear infinite shimmer}.glass-ocean{-webkit-backdrop-filter:blur(20px);background:#0f172ab3;border:1px solid #06b6d433}.glass-ocean-light{-webkit-backdrop-filter:blur(20px);background:#f0f9ffcc;border:1px solid #06b6d433}.bubble{pointer-events:none;background:radial-gradient(circle at 30% 30%,#fffc,#06b6d44d);border-radius:50%;position:absolute;bottom:-100px;box-shadow:inset 0 0 20px #ffffff80,0 0 20px #06b6d44d}.bubble-1{width:60px;height:60px;animation:7s ease-in infinite bubble-rise;left:10%}.bubble-2{width:40px;height:40px;animation:9s ease-in 2s infinite bubble-rise;left:30%}.bubble-3{width:80px;height:80px;animation:8s ease-in 4s infinite bubble-rise;left:50%}.bubble-4{width:50px;height:50px;animation:10s ease-in 1s infinite bubble-rise;left:70%}.bubble-5{width:70px;height:70px;animation:11s ease-in 3s infinite bubble-rise;left:90%}.wave-border{position:relative;overflow:hidden}.wave-border:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120'%3E%3Cpath d='M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z' fill='%2306b6d4' fill-opacity='0.1'/%3E%3C/svg%3E") repeat-x;width:200%;height:60px;animation:10s linear infinite wave;position:absolute;bottom:0;left:0}.hover-float{transition:transform .3s}.hover-float:hover{transform:translateY(-5px)}.hover-ocean{transition:all .3s}.hover-ocean:hover{border-color:#06b6d480;box-shadow:0 10px 30px #06b6d44d}.icon-spin-slow{animation:4s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-bounce{animation:2s ease-in-out infinite bounce}.text-ocean-gradient{background:linear-gradient(135deg,#06b6d4 0%,#14b8a6 50%,#10b981 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-shimmer{background:linear-gradient(90deg,#06b6d4 0%,#22d3ee 25%,#06b6d4 50%,#22d3ee 75%,#06b6d4 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}.card-ocean{border:1px solid #06b6d433;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-ocean:hover{border-color:#06b6d466;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #06b6d440,0 0 60px #06b6d41a}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";background:#ffffff80;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ripple-effect:active:after{width:300px;height:300px}.fade-in-up{opacity:0;animation:.6s forwards fadeInUp;transform:translateY(30px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.fade-in-up-delay-1{animation-delay:.1s}.fade-in-up-delay-2{animation-delay:.2s}.fade-in-up-delay-3{animation-delay:.3s}.spinner-ocean{border:3px solid #06b6d41a;border-top-color:#06b6d4;border-radius:50%;animation:1s linear infinite spin}.pulse-glow{animation:2s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #06b6d44d}50%{box-shadow:0 0 40px #06b6d499,0 0 60px #06b6d44d}}.nav-ocean{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f172af2 0%,#082f49f2 100%);border-bottom:1px solid #06b6d433;box-shadow:0 4px 30px #0003}.nav-link-ocean{transition:all .3s;position:relative}.nav-link-ocean:after{content:"";background:linear-gradient(90deg,#06b6d4,#14b8a6);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.nav-link-ocean:hover:after,.nav-link-ocean.active:after{width:100%}.btn-ocean{background:linear-gradient(135deg,#06b6d4 0%,#14b8a6 100%);transition:all .3s;box-shadow:0 4px 15px #06b6d44d}.btn-ocean:hover{background:linear-gradient(135deg,#0891b2 0%,#0d9488 100%);transform:translateY(-2px);box-shadow:0 8px 25px #06b6d466}.btn-ocean:active{transform:translateY(0);box-shadow:0 2px 10px #06b6d44d}.tooltip-ocean{position:relative}.tooltip-ocean:before{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#0f172af2;border:1px solid #06b6d44d;border-radius:8px;padding:8px 12px;font-size:14px;transition:opacity .3s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip-ocean:hover:before{opacity:1}
.main-nav{z-index:1000;-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f172af2 0%,#082f49f7 50%,#0f172af2 100%);border-bottom:1px solid #06b6d433;position:sticky;top:0;overflow:visible;box-shadow:0 4px 20px #0000004d}.nav-container{justify-content:space-between;align-items:center;gap:.5rem;max-width:100%;margin:0 auto;padding:.625rem 1rem;display:flex;overflow:visible}.nav-logo{flex-shrink:0;align-items:center;gap:.625rem;text-decoration:none;transition:all .3s;display:flex}.nav-logo:hover{transform:scale(1.05)}.logo-icon{filter:drop-shadow(0 0 10px #06b6d480);font-size:1.75rem;transition:all .3s}.nav-logo:hover .logo-icon{filter:drop-shadow(0 0 15px #06b6d4cc);animation:1s ease-in-out float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo-text{background:linear-gradient(135deg,#fff 0%,#22d3ee 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}.nav-links{flex-wrap:nowrap;flex:1;justify-content:flex-start;align-items:center;gap:.25rem;margin-left:1rem;display:flex;overflow:visible}.nav-link{color:#94e2f5e6;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-link:hover{color:#fff;background:#06b6d41a;transform:translateY(-1px)}.nav-link.active{color:#fff;background:#06b6d433;box-shadow:0 2px 8px #06b6d433}.nav-icon{font-size:1.1rem}.nav-dropdown{z-index:1001;position:relative}.dropdown{position:relative}.dropdown-toggle,.dropdown-trigger{color:#94e2f5e6;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.dropdown-toggle:hover,.dropdown-trigger:hover{color:#fff;background:#06b6d41a}.dropdown-toggle.active,.dropdown-trigger.active{color:#fff;background:#06b6d433}.dropdown-arrow{font-size:.7rem;transition:transform .2s}.dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{-webkit-backdrop-filter:blur(20px);z-index:9999;background:#0f172afa;border:1px solid #06b6d44d;border-radius:12px;min-width:200px;max-height:400px;animation:.2s dropdownSlideIn;position:absolute;top:calc(100% + .5rem);left:0;overflow:hidden auto;box-shadow:0 8px 32px #00000080}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{color:#94e2f5e6;border-bottom:1px solid #06b6d41a;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;text-decoration:none;transition:all .2s;display:flex}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{color:#fff;background:#06b6d426;padding-left:1.25rem}.dropdown-item.active{color:#fff;background:#06b6d433}.nav-auth{flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;display:flex}.auth-link{white-space:nowrap;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.auth-link:first-child{color:#94e2f5e6}.auth-link:first-child:hover{color:#fff;background:#06b6d41a}.auth-link:last-child{color:#0f172a;background:linear-gradient(135deg,#06b6d4 0%,#14b8a6 100%);font-weight:600;box-shadow:0 2px 10px #06b6d44d}.auth-link:last-child:hover{background:linear-gradient(135deg,#22d3ee 0%,#2dd4bf 100%);transform:translateY(-2px);box-shadow:0 4px 15px #06b6d480}.user-menu{align-items:center;gap:.5rem;display:flex}.user-greeting{color:#94e2f5e6;white-space:nowrap;padding:.5rem .75rem;font-size:.85rem;font-weight:500}.sign-out-btn{padding:.5rem .75rem!important;font-size:.85rem!important}.user-button{color:#fff;cursor:pointer;background:#06b6d41a;border:1px solid #06b6d44d;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.user-button:hover{background:#06b6d433;border-color:#06b6d480}.user-avatar{background:linear-gradient(135deg,#06b6d4,#14b8a6);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.875rem;display:flex}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;transition:all .3s;display:none}.mobile-menu-btn span{background:linear-gradient(90deg,#22d3ee,#14b8a6);border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.mobile-menu-btn:hover span{background:linear-gradient(90deg,#06b6d4,#0d9488)}.mobile-menu{-webkit-backdrop-filter:blur(20px);z-index:999;background:#0f172afa;padding:1rem;display:none;position:fixed;inset:60px 0 0;overflow-y:auto}.mobile-menu.open{display:block}.mobile-menu .nav-link,.mobile-menu .dropdown-toggle,.mobile-menu .auth-link{justify-content:flex-start;width:100%;margin-bottom:.5rem}.mobile-menu .dropdown-menu{opacity:1;visibility:visible;margin-top:.5rem;margin-bottom:.5rem;margin-left:1rem;position:static;transform:none}@media (max-width:1200px){.nav-link .nav-label,.dropdown-toggle .nav-label,.dropdown-trigger .nav-label{display:none}.nav-link,.dropdown-toggle,.dropdown-trigger{justify-content:center;min-width:40px;padding:.5rem}.dropdown-arrow{display:inline-block}.user-greeting{display:none}}@media (max-width:900px){.nav-links:not(.mobile-open){display:none}.nav-links.mobile-open{-webkit-backdrop-filter:blur(20px);z-index:999;background:#0f172afa;flex-direction:column;align-items:stretch;gap:.5rem;padding:1rem;display:flex;position:fixed;inset:60px 0 0;overflow-y:auto}.nav-links.mobile-open .nav-link,.nav-links.mobile-open .dropdown-trigger{justify-content:flex-start;width:100%;padding:.75rem 1rem}.nav-links.mobile-open .nav-label{display:inline}.nav-links.mobile-open .nav-dropdown{width:100%}.nav-links.mobile-open .dropdown-menu{opacity:1;visibility:visible;margin-top:.5rem;margin-left:1rem;position:static;transform:none}.nav-auth{display:none}.mobile-menu-btn{display:flex}.nav-container{padding:.625rem 1rem}}@media (max-width:600px){.logo-text{font-size:1rem}.logo-icon{font-size:1.5rem}}.nav-loading{opacity:.6;pointer-events:none}