.nav{z-index:20;width:100%;padding:20px 0;position:relative}.nav-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1400px;margin:0 auto;padding:0 64px;display:flex;position:relative}.nav-logo{align-items:center;display:inline-flex}.nav-links{align-items:center;gap:32px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-links a{color:#1e1e1e;font-size:14px;font-weight:400;text-decoration:none;transition:color .18s}.nav-links a:hover,.nav-links a.active{color:#0e6dff}.nav-right{align-items:center;gap:12px;display:flex}.nav-lang{align-items:center;gap:0;font-weight:700;display:inline-flex}.nav-lang-btn{cursor:pointer;color:#111827;background:0 0;border:none;padding:0;font-size:14px;font-weight:700}.nav-lang-btn.active{color:#0e6dff}.nav-lang-sep{color:#000;opacity:.5}.nav-contact{color:#1f2937;cursor:pointer;opacity:.9;align-items:center;gap:6px;padding:4px 8px;font-size:14px;line-height:20px;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex}.nav-contact:hover{background-color:#f8fafc;border-radius:10px;transform:translateY(-2px)scale(1.02);box-shadow:0 6px 16px #0000001f}.nav-contact:active{cursor:grabbing;transform:translateY(0)scale(.98)}.nav-contact:focus-visible{outline-offset:2px;border-radius:10px;outline:3px solid #155dfc}.nav-contactBtn{color:#0e6dff;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.nav-earningsIcon{color:#0e6dff;font-size:16px;font-weight:700;line-height:1}.nav-contactNumber{letter-spacing:.1px;white-space:nowrap;font-weight:600}@media (max-width:720px){.nav-right .nav-contactNumber{display:none}}.nav-iconBtn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.nav-iconBtn img{width:14.8px;height:16.3px}.nav-auth{align-items:center;gap:14px;margin-left:-2px;display:inline-flex}.nav-authPending{flex:0 0 172px;width:172px;height:40px;display:inline-block}.nav-login{color:#1a1a1a;font-size:16px;font-weight:600;line-height:24px;text-decoration:none}.nav-login:hover{text-decoration:underline}.nav-signup{color:#fff;white-space:nowrap;background:#0e6dff;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.nav-profile{font:inherit;color:#1a1a1a;white-space:nowrap;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:16px;font-weight:600;line-height:24px;display:inline-flex}.nav-logout{color:#fff;font-size:16px;font-weight:600;font:inherit;cursor:pointer;background:#0e6dff;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 16px;display:inline-flex}.nav-profile img,.nav-logout img{display:block}.nav-profileWrap{display:inline-flex;position:relative}.nav-clickout{z-index:45;background:0 0;border:none;padding:0;position:fixed;inset:0}.nav-dropdown{z-index:50;background:#fff;border-radius:12px;flex-direction:column;gap:6px;width:220px;padding:10px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 10px 30px #0000001f}.nav-ddItem{color:#111827;border-radius:10px;padding:10px;font-size:14px;font-weight:600;text-decoration:none}.nav-ddItem:hover{color:#0e6dff;background:#1118270f}.nav-ddBtn{text-align:left;cursor:pointer;color:#111827;background:0 0;border:none;border-radius:10px;padding:10px;font-size:14px;font-weight:600}.nav-ddBtn:hover{background:#1118270f}.drawer-links a.active{color:#0e6dff}.profileWrap{display:inline-flex;position:relative}.profileBackdrop{z-index:45;background:0 0;border:none;padding:0;position:fixed;inset:0}.profileMenu{z-index:50;background:#fff;border-radius:12px;flex-direction:column;gap:6px;width:220px;padding:10px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 10px 30px #0000001f}.profileItem{color:#111827;border-radius:10px;padding:10px;font-size:14px;font-weight:600;text-decoration:none}.profileItem:hover{background:#1118270f}.profileItemBtn{text-align:left;cursor:pointer;font:inherit;background:0 0;border:none}.drawer{z-index:1000;opacity:0;pointer-events:none;background:#fff;border-bottom-right-radius:16px;border-bottom-left-radius:16px;flex-direction:column;gap:24px;height:300px;max-height:520px;padding:16px;transition:opacity .2s,transform .2s;display:flex;position:fixed;top:0;left:0;right:0;overflow:auto;transform:translateY(-12px);box-shadow:0 20px 60px #0000001f}.drawer.open{opacity:1;pointer-events:auto;opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.drawer-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.drawer-auth{align-items:center;gap:12px;display:flex}.drawer-authPending{width:172px;height:40px;display:block}.drawer-login{color:#1a1a1a;font-size:16px;font-weight:600;line-height:24px;text-decoration:none}.drawer-login:hover{text-decoration:underline}.drawer-signup{color:#fff;white-space:nowrap;background:#0e6dff;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.drawer-actions{align-items:center;gap:14px;display:flex}.drawer-auth .drawer-signup{color:#fff}.drawer-x{color:#0e6dff;font-size:28px;font-weight:400;line-height:1;display:inline-block;transform:translateY(-1px)}.drawer-links{flex-direction:column;gap:10px;display:flex}.drawer-links a{color:#1e1e1e;font-size:14px;font-weight:400;text-decoration:none}.drawer-sep{border:none;border-top:1px solid #00000014;margin:8px 0}.drawer-logoutBtn{text-align:left;font:inherit;cursor:pointer;color:#1e1e1e;background:0 0;border:none;padding:0;font-size:14px;font-weight:400}.drawer-overlay{opacity:0;pointer-events:none;z-index:999;background:0 0;transition:opacity .2s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:auto}.nav-shareBtn{color:#111827;cursor:pointer;background:#ffffffb3;border:1px solid #1118271f;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}@media (min-width:1025px) and (hover:hover) and (pointer:fine){.nav-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.nav-logo{justify-self:start}.nav-links{justify-self:center;position:static;left:auto;transform:none}.nav-right{justify-self:end}.nav-iconBtn[aria-label=Open\ menu],.drawer,.drawer-overlay{display:none}}@media (max-width:1024px),(max-width:1366px) and (hover:none) and (pointer:coarse){.nav-links,.nav-auth{display:none}.nav-right{gap:10px}}@media (max-width:980px) and (max-height:430px) and (orientation:landscape){.nav-inner{gap:12px;padding:0 20px}.nav-links,.nav-auth{display:none}.nav-right{gap:10px}.nav-right .nav-contactNumber{display:none}.nav-iconBtn[aria-label=Open\ menu]{display:inline-flex}.drawer{display:flex}.drawer-overlay{display:block}}@media (max-width:1100px) and (max-height:700px) and (orientation:landscape){.nav{padding:14px 0}.nav-inner{gap:12px;padding:0 20px}.nav-logo img{width:126px;height:auto}.nav-links,.nav-auth{display:none}.nav-right{gap:10px;margin-left:auto}.nav-right .nav-contactNumber{display:none}.nav-iconBtn[aria-label=Open\ menu]{display:inline-flex}.drawer{display:flex}.drawer-overlay{display:block}}@media (width:912px) and (height:1368px){.nav-inner{gap:16px;padding:0 32px}.nav-links,.nav-auth{display:none}.nav-right{gap:10px}.nav-right .nav-contactNumber{display:none}.nav-iconBtn[aria-label=Open\ menu]{display:inline-flex}.drawer{display:flex}.drawer-overlay{display:block}}@media (width:1180px) and (height:820px){.nav{padding:16px 0}.nav-inner{gap:14px;padding:0 24px}.nav-links,.nav-auth{display:none}.nav-right{gap:10px;margin-left:auto}.nav-right .nav-contactNumber{display:none}.nav-iconBtn[aria-label=Open\ menu]{display:inline-flex}.drawer{display:flex}.drawer-overlay{display:block}}@media (width:1024px) and (height:1366px){.nav{padding:16px 0}.nav-inner{gap:14px;padding:0 24px}.nav-links,.nav-auth{display:none}.nav-right{gap:10px;margin-left:auto}.nav-right .nav-contactNumber{display:none}.nav-iconBtn[aria-label=Open\ menu]{display:inline-flex}.drawer{display:flex}.drawer-overlay{display:block}}@media (width:1366px) and (height:1024px){.nav{padding:16px 0}.nav-inner{gap:14px;padding:0 24px}.nav-links,.nav-auth{display:none}.nav-right{gap:10px;margin-left:auto}.nav-right .nav-contactNumber{display:none}.nav-iconBtn[aria-label=Open\ menu]{display:inline-flex}.drawer{display:flex}.drawer-overlay{display:block}}@media (max-width:460px){.nav-inner{padding:0 16px}}@media (max-width:760px){.nav{padding:16px 0}.nav-inner{gap:12px;padding:0 16px}.nav-logo img{width:126px;height:auto}.nav-right{gap:8px;margin-left:auto}}@media (max-width:390px){.nav{padding:16px 0}.nav-inner{gap:10px;padding:0 12px}.nav-logo img{width:122px;height:auto}.nav-right{gap:8px}.nav-contact{padding:2px 4px}.nav-shareBtn{padding:4px 6px}.nav-iconBtn img{width:13px;height:14px}}@media (min-width:600px) and (max-width:1024px),(min-width:600px) and (max-width:1366px) and (hover:none) and (pointer:coarse){.nav{padding:16px 0}.nav-inner{gap:14px;padding:0 clamp(24px,4vw,44px)}.nav-logo img{width:142px;height:auto}.nav-right{gap:11px;margin-left:auto}.nav-iconBtn[aria-label=Open\ menu]{display:inline-flex}.drawer{display:flex}.drawer-overlay{display:block}}