.language-menu-backdrop{position:fixed;inset:0;z-index:1999;display:none;background:rgba(0,0,0,0);}.language-menu-backdrop.open{display:block;}.language-menu-arrow{position:absolute;top:-8px;right:30px;width:16px;height:16px;background:#071020;border-left:1px solid rgba(0,212,255,0.6);border-top:1px solid rgba(0,212,255,0.6);transform:rotate(45deg);z-index:2;box-shadow:-2px -2px 6px rgba(0,212,255,0.12);}.language-menu{position:fixed;top:68px;right:16px;background:linear-gradient(145deg,rgba(7,16,32,0.98) 0%,rgba(10,22,44,0.98) 100%);border:1px solid rgba(0,212,255,0.5);border-radius:var(--radius-lg);padding:0;box-shadow:0 24px 80px rgba(0,0,0,0.9),0 0 0 1px rgba(0,212,255,0.06),0 0 60px rgba(0,212,255,0.18),0 0 120px rgba(124,58,237,0.1),inset 0 1px 0 rgba(255,255,255,0.08),inset 0 -1px 0 rgba(0,212,255,0.08);z-index:2000;display:none;width:260px;overflow:hidden;transform-origin:top right;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);}@keyframes langMenuIn{0%{opacity:0;transform:scale(0.6) translateY(-16px) translateX(10px);filter:blur(8px);}55%{opacity:1;transform:scale(1.04) translateY(3px) translateX(0);filter:blur(0);}75%{transform:scale(0.98) translateY(-1px);}100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0);}}@keyframes langMenuOut{0%{opacity:1;transform:scale(1) translateY(0);filter:blur(0);}100%{opacity:0;transform:scale(0.65) translateY(-12px);filter:blur(6px);}}.language-menu.open{display:block;animation:langMenuIn 0.35s cubic-bezier(0.34,1.56,0.64,1) forwards;}.language-menu.closing{animation:langMenuOut 0.2s ease-in forwards;}.language-menu::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,transparent 20%,var(--primary) 40%,rgba(255,255,255,0.9) 50%,var(--primary) 60%,transparent 80%,transparent 100%);background-size:300% 100%;z-index:3;animation:langScanLine 2.5s linear infinite;opacity:0.8;pointer-events:none;}@keyframes langScanLine{0%{background-position:150% 0;}100%{background-position:-150% 0;}}.language-menu::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,0.6) 30%,rgba(0,212,255,0.6) 70%,transparent);z-index:1;pointer-events:none;}.language-menu-header{display:flex;align-items:center;gap:10px;padding:14px 18px 12px;border-bottom:1px solid rgba(0,212,255,0.12);font-size:10px;font-weight:800;color:rgba(0,212,255,0.7);text-transform:uppercase;letter-spacing:2.5px;background:linear-gradient(90deg,rgba(0,212,255,0.08) 0%,rgba(124,58,237,0.05) 60%,transparent 100%);position:relative;}.language-menu-header::after{content:'';position:absolute;bottom:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,var(--primary),transparent);opacity:0.3;}.language-menu-header i{color:var(--primary);font-size:15px;filter:drop-shadow(0 0 8px var(--primary)) drop-shadow(0 0 16px rgba(0,212,255,0.4));animation:pulseIcon 2s ease-in-out infinite;}.language-menu-list{padding:8px;}.language-option{padding:11px 14px;cursor:pointer;border-radius:var(--radius-sm);transition:all 0.25s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;gap:14px;border:1px solid transparent;position:relative;overflow:hidden;margin-bottom:5px;user-select:none;-webkit-tap-highlight-color:transparent;}.language-option:last-child{margin-bottom:0;}.language-option[data-lang="zh-CN"]{--opt-color:#f97316;--opt-glow:rgba(249,115,22,0.3);}.language-option[data-lang="en-US"]{--opt-color:#3b82f6;--opt-glow:rgba(59,130,246,0.3);}.language-option[data-lang="ms-MY"]{--opt-color:#10b981;--opt-glow:rgba(16,185,129,0.3);}.language-option::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at left center,var(--opt-glow) 0%,transparent 70%);opacity:0;transition:opacity 0.3s;pointer-events:none;}.language-option:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.12);transform:translateX(4px) scale(1.01);box-shadow:0 4px 20px rgba(0,0,0,0.3);}.language-option:hover::after{opacity:1;}.language-option::before{content:'';position:absolute;left:0;top:15%;bottom:15%;width:3px;background:linear-gradient(to bottom,transparent,var(--opt-color),transparent);border-radius:2px;opacity:0;transition:opacity 0.25s;box-shadow:0 0 10px var(--opt-color);}.language-option:hover::before{opacity:0.6;}.language-option.active{background:linear-gradient(135deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.03) 100%);border-color:rgba(255,255,255,0.15);box-shadow:0 0 20px var(--opt-glow),inset 0 0 24px rgba(255,255,255,0.02),0 4px 16px rgba(0,0,0,0.3);}.language-option.active::before{opacity:1;}.language-option.active::after{opacity:0.8;}.language-option:active{transform:translateX(2px) scale(0.98);transition-duration:0.08s;}.lang-flag{font-size:28px;line-height:1;flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,0.6)) drop-shadow(0 0 8px rgba(255,255,255,0.1));transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1),filter 0.25s;}.language-option:hover .lang-flag{transform:scale(1.2) rotate(-5deg);filter:drop-shadow(0 4px 10px rgba(0,0,0,0.5)) drop-shadow(0 0 12px var(--opt-glow));}.language-option.active .lang-flag{filter:drop-shadow(0 2px 4px rgba(0,0,0,0.5)) drop-shadow(0 0 10px var(--opt-color));}.lang-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;}.lang-name{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:0.3px;transition:color 0.2s,text-shadow 0.2s;}.language-option.active .lang-name{color:var(--opt-color);text-shadow:0 0 12px var(--opt-glow),0 0 24px rgba(255,255,255,0.1);}.language-option:hover .lang-name{color:#fff;}.lang-native{font-size:11px;color:var(--text-muted);letter-spacing:0.2px;transition:color 0.2s;}.language-option:hover .lang-native{color:var(--text-secondary);}.language-option.active .lang-native{color:rgba(255,255,255,0.5);}.lang-check{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;opacity:0;transform:scale(0.4) rotate(-45deg);transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);background:var(--opt-color);color:white;flex-shrink:0;box-shadow:0 0 12px var(--opt-glow),0 0 24px var(--opt-glow);}.language-option.active .lang-check{opacity:1;transform:scale(1) rotate(0deg);}@media (max-width:520px){.language-menu{top:66px;width:240px;}.language-menu-arrow{right:16px;}}@media (min-width:768px) and (orientation:landscape){.language-menu{top:66px;}}@media (max-width:400px){.language-menu{width:220px;}.lang-flag{font-size:24px;}.lang-name{font-size:13px;}}