.top-bar{position:fixed;top:0;left:0;width:100%;height:var(--barHeight);background:var(--bgColor);z-index:100;pointer-events:auto;transition:background .6s ease}.top-bar-content{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 40px;opacity:var(--contentOpacity);transition:opacity .3s ease}.top-bar:hover .top-bar-content{opacity:var(--hoverOpacity)}.mobile-layout{display:none}.desktop-layout{display:flex;justify-content:space-between;align-items:center;width:100%}.logo-link{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.nav-logo{height:28px;width:auto;display:block;transition:opacity .3s ease}.logo-link:hover .nav-logo{opacity:.7}.guest-login{display:flex;align-items:center;gap:12px;opacity:.2;transition:opacity .3s ease}.guest-login:hover{opacity:1}.label{color:#717171;font-family:var(--font-sans);font-size:14px;margin-right:8px;font-weight:800;transition:color .6s ease}.input-field{background:#ffffff1a;border:0px solid rgba(255,255,255,.2);color:#fff;padding:6px 12px;font-size:13px;font-family:var(--font-sans);outline:none;border-radius:10px;transition:all .3s ease,background .6s ease,border-color .6s ease,color .6s ease}.input-field::placeholder{color:#ffffff80}.input-field:focus{background:#ffffff26;border-color:#fff6}.login-btn,.contact-btn,.send-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 20px;font-size:13px;font-family:var(--font-sans);border-radius:6px;cursor:pointer;flex-shrink:0;transition:all .3s ease,color .6s ease,background .6s ease,border-color .6s ease}.login-btn:hover,.contact-btn:hover,.send-btn:hover{background:#ffffff1a;border-color:#ffffff80}.status-msg{font-family:var(--font-sans);font-size:12px}.right-actions{display:flex;align-items:center;gap:16px}.contact-trigger{position:relative}.contact-popup{position:absolute;top:calc(100% + 10px);right:0;background:#101013fa;border:1px solid rgba(255,255,255,.2);padding:20px;display:flex;flex-direction:column;gap:12px;min-width:280px;opacity:1;transform:translateY(0);transition:all .3s ease,background .6s ease,border-color .6s ease}.contact-popup.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.textarea-field{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 12px;font-size:13px;font-family:var(--font-sans);outline:none;resize:vertical;border-radius:6px;min-height:80px;transition:all .3s ease,background .6s ease,border-color .6s ease,color .6s ease}.textarea-field::placeholder{color:#ffffff80}.send-btn{width:100%}.icon-btn{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;gap:6px;opacity:.7;transition:opacity .3s ease;position:relative;text-decoration:none}.icon-btn:hover{opacity:1}.copy-msg{position:absolute;top:calc(100% + 6px);right:0;font-size:11px;font-family:var(--font-sans);color:#606060;white-space:nowrap;pointer-events:none}.bottom-nav{display:none}@media(max-width:768px){.desktop-layout{display:none}.mobile-layout{display:flex;justify-content:space-between;align-items:center;width:100%}.top-bar-content{padding:0 20px;opacity:1}.mobile-logo{margin-right:auto}.mobile-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 20px;font-size:13px;font-family:var(--font-sans);cursor:pointer;transition:all .3s ease,color .6s ease,background .6s ease,border-color .6s ease}.mobile-btn:active{background:#ffffff1a}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--barHeight);background:var(--bgColor);z-index:100;align-items:center;justify-content:space-around;padding:20px;gap:8px;transition:background .6s ease;background-color:#000}.bottom-nav-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;font-size:13px;font-family:var(--font-sans);cursor:pointer;flex:1;text-align:center;text-decoration:none;transition:all .3s ease,color .6s ease,background .6s ease,border-color .6s ease}.bottom-nav-btn:active{background:#ffffff1a}.icon-nav-btn{flex:0 0 auto;padding:8px 12px;display:flex;align-items:center;justify-content:center;position:relative}.mobile-copy-msg{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);font-size:11px;font-family:var(--font-sans);color:#6fff6f;white-space:nowrap;pointer-events:none}}.mobile-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200;opacity:1;transition:opacity .3s ease}.mobile-modal.hidden{opacity:0;pointer-events:none}.modal-content{background:#101013fa;padding:30px 25px;max-width:85vw;width:100%;position:relative;box-sizing:border-box;transition:background .6s ease}.modal-close{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:30px;height:30px;line-height:28px;transition:color .6s ease}.modal-content h3{font-family:var(--font-sans);font-size:20px;color:#fff;margin-bottom:20px;font-weight:400;transition:color .6s ease}.modal-input,.modal-textarea{width:100%;box-sizing:border-box;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px;font-size:14px;font-family:var(--font-sans);margin-bottom:12px;outline:none;transition:all .3s ease,background .6s ease,border-color .6s ease,color .6s ease}.modal-textarea{resize:vertical;min-height:100px}.modal-input::placeholder,.modal-textarea::placeholder{color:#ffffff80}.modal-submit{width:100%;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:12px;font-size:14px;font-family:var(--font-sans);cursor:pointer;transition:all .3s ease,color .6s ease,background .6s ease,border-color .6s ease}.modal-submit:active{background:#ffffff1a}