.glass-header{position:fixed;top:0;left:0;right:0;margin:0 auto;width:100%;max-width:100%;background:transparent;border-radius:0;border:1px solid transparent;padding:20px 5%;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1000;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;transition:max-width .5s cubic-bezier(.25,1,.5,1),padding .5s cubic-bezier(.25,1,.5,1),top .5s cubic-bezier(.25,1,.5,1),border-radius .4s ease,background-color .4s ease,box-shadow .4s ease;animation:headerFadeDown 1s ease-out forwards}.glass-header.scrolled{top:20px;max-width:min(1200px,calc(100% - 40px));border-radius:50px;padding:12px 30px;background:#0f172ad9;border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 35px -10px #00000080}.navbar{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{font-size:1.4rem;font-weight:800;display:flex;align-items:center;gap:10px;color:#fff;letter-spacing:-.5px}.logo-text{background:linear-gradient(135deg,#fff 40%,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900}.nav-logo-img{height:40px;width:auto;border-radius:4px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:30px}.nav-item{position:relative;text-decoration:none;color:#94a3b8;font-weight:600;font-size:.95rem;transition:color .3s ease;padding-bottom:4px}.nav-item:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;background-color:#38bdf8;transition:width .3s ease;transform:translate(-50%);border-radius:2px}.nav-item:hover{color:#fff}.nav-item:hover:after{width:100%}.auth-group{display:flex;align-items:center;gap:15px}.btn-ghost{text-decoration:none;color:#fff;font-weight:600;font-size:.95rem;padding:8px 12px;border-radius:8px;transition:background .2s}.btn-ghost:hover{background:#ffffff0d}.btn-primary{background:#3b82f6;color:#fff;text-decoration:none;padding:10px 20px;border-radius:30px;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:5px;transition:all .3s ease;box-shadow:0 4px 15px #3b82f666}.btn-mobile-auth{display:none}.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 6px 20px #3b82f699}.btn-panel{display:flex;align-items:center;gap:8px;text-decoration:none;padding:8px 18px;border-radius:30px 5px 5px 30px;font-weight:700;font-size:.9rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;letter-spacing:.5px}.btn-panel-premium{background:#0f172acc;color:#fff;box-shadow:0 5px 15px #00000080,inset 0 1px 1px #ffffff1a;border:1px solid rgba(168,85,247,.3)}.btn-panel-premium:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,85,247,.25),transparent);animation:luxurious-sweep 4s infinite linear;pointer-events:none}.btn-panel-premium i{animation:pulse-glow-premium 2s infinite ease-in-out;color:#fff}.btn-panel-premium:hover{transform:translateY(-2px);box-shadow:0 8px 25px #a855f766,inset 0 1px 1px #ffffff40;background:#1e293bf2;border-color:#a855f7cc;color:#fff}.btn-panel-pro{background:#fbbf2426;color:#fff;border:1px solid rgba(251,191,36,.4);box-shadow:0 4px 15px #fbbf2433}.btn-panel-pro:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(251,191,36,.3),transparent);animation:luxurious-sweep 3.5s infinite linear;pointer-events:none}.btn-panel-pro i{animation:pulse-glow-pro 2s infinite ease-in-out;color:#fff}.btn-panel-pro:hover{background:#fbbf2440;box-shadow:0 6px 20px #fbbf2466;border-color:#fbbf24cc;transform:translateY(-2px);color:#fff}.btn-panel-free{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:1px solid transparent;box-shadow:0 4px 15px #3b82f64d}.btn-panel-free i{animation:pulse-glow-free 2.5s infinite ease-in-out}.btn-panel-free:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680;background:linear-gradient(135deg,#60a5fa,#3b82f6)}@keyframes luxurious-sweep{0%{left:-100%}20%{left:200%}to{left:200%}}@keyframes pulse-glow-premium{0%,to{filter:drop-shadow(0 0 4px rgba(168,85,247,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(168,85,247,.9));transform:scale(1.15)}}@keyframes pulse-glow-pro{0%,to{filter:drop-shadow(0 0 4px rgba(251,191,36,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(251,191,36,.9));transform:scale(1.15)}}@keyframes pulse-glow-free{0%,to{filter:drop-shadow(0 0 2px rgba(255,255,255,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(255,255,255,.9));transform:scale(1.15)}}.btn-logout{display:flex;align-items:center;justify-content:center;background:#f43f5e26;color:#f43f5e;border:1px solid rgba(244,63,94,.3);padding:8px 12px;border-radius:5px 30px 30px 5px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;margin-left:-10px}.btn-logout:hover{background:#f43f5e;color:#fff}.glass-header:before{content:"";position:absolute;top:-20px;left:0;right:0;margin:0 auto;height:20px;background:#0f172ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:-1;pointer-events:none;width:0%;opacity:0;border-radius:0 0 50px 50px;transition:width .3s ease-in,opacity .2s ease-in,border-radius .2s ease}.glass-header:not(.scrolled):before{width:90%;opacity:1;border-radius:0;transition:width .5s cubic-bezier(.25,1,.5,1) .1s,border-radius .3s ease-out,opacity .1s ease-out}@media(max-width:960px){.glass-header{padding:20px;background:#0f172a4d}.glass-header.scrolled{top:15px;max-width:calc(100% - 30px);padding:12px 20px;background:#0f172af2}.glass-header:before{display:none!important}.logo{font-size:1.2rem}.nav-item{display:none!important}.btn-ghost{display:none}.btn-primary{padding:8px 16px;font-size:.85rem}.btn-panel{padding:8px 14px;font-size:.85rem}#panelText{display:none}.btn-panel i{margin:0;font-size:1.2rem}.logo-text{display:none}.lang-switch-wrapper{margin-left:4px}.lang-trigger{padding:5px 8px;gap:4px;font-size:.75rem}.auth-group,.nav-links{gap:8px}.btn-how{padding:0!important;width:38px;height:38px;justify-content:center;border-radius:50%!important}.btn-how .btn-text-how{display:none}.btn-how i{font-size:1.4rem;margin:0}.btn-desktop-auth{display:none!important}.btn-mobile-auth{display:flex!important;width:44px;height:44px;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-size:1.8rem;background:transparent;border:none;transition:transform .3s ease}.btn-mobile-auth:active{transform:scale(.9);opacity:.7}}@keyframes headerFadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:961px){.mobile-only-how{display:none!important}}.btn-how{align-items:center;gap:8px;border:1px solid rgba(56,189,248,.3);padding:6px 18px;border-radius:50px;background:#38bdf81a;color:#38bdf8;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.btn-how:hover{background:#38bdf833;border-color:#38bdf8;color:#fff;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px -5px #38bdf880,inset 0 0 10px #38bdf833}.btn-how:hover i{animation:bookPulse 1s infinite alternate ease-in-out}@keyframes bookPulse{0%{transform:scale(1);filter:drop-shadow(0 0 2px rgba(56,189,248,.5))}to{transform:scale(1.2);filter:drop-shadow(0 0 8px #38bdf8);color:#fff}}
