:root{--ink:#111217;--line:#deded9;--blue:#3156ff;--acid:#dfff49;--pink:#ff4d78}
.top{height:64px;display:flex;align-items:center;padding:0 15px;background:rgba(242,241,237,.88);backdrop-filter:blur(22px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(210,210,205,.8);isolation:isolate;overflow:visible;box-shadow:0 8px 30px rgba(20,24,34,.035)}
.top:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--blue) 0 38%,#8157ff 55%,var(--pink) 76%,var(--acid) 100%)}
.top a{text-decoration:none;color:inherit}
.logo{position:relative;display:inline-flex;align-items:center;font-weight:1000;font-style:italic;font-size:23px;letter-spacing:-1.8px}.logo span{color:var(--blue)}.logo b{color:var(--pink)}.logo i{width:6px;height:6px;border-radius:50%;background:var(--acid);margin:0 0 15px 5px;box-shadow:0 0 0 3px rgba(223,255,73,.2)}
.nav{display:none}.tools{margin-left:auto;display:flex;gap:5px;align-items:center}.pill{height:34px;border:1px solid #d5d5d0;background:#fff;border-radius:99px;padding:0 10px;font-size:12px;font-weight:1000;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.2s}
.pill:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(20,24,34,.09);border-color:#c8c9d1}.searchPill i{width:14px;height:14px;border:2px solid #111;border-radius:50%;position:relative}.searchPill i:after{content:"";position:absolute;width:5px;height:2px;background:#111;right:-4px;bottom:-2px;transform:rotate(45deg);border-radius:2px}.searchPill kbd{font:700 10px/1 Arial,sans-serif;color:#8d9099;background:#f1f2f4;border:1px solid #e4e5e8;border-radius:6px;padding:4px 5px}.langPill i{font-style:normal;color:#9a9da5;font-size:11px}.myPill{background:#111;color:#fff!important;border-color:#111;padding-left:5px}.avatarDot{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),#805cff 55%,var(--pink));color:#fff;font-size:10px}.mobileMenu{width:38px;height:38px;border:1px solid #d8d9dd;border-radius:50%;background:#fff;display:grid;place-content:center;gap:5px}.mobileMenu i{display:block;width:14px;height:1.5px;background:#111;border-radius:2px}
.footer{margin-top:38px;background:#0d1119;color:#fff;border-radius:24px 24px 0 0;overflow:hidden}.footer a{text-decoration:none}.footerTop{padding:24px 17px 18px}.footerBrand{display:inline-block;font-size:25px;font-style:italic;font-weight:1000;letter-spacing:-1.8px}.footerBrand span{color:#6f8aff}.footerBrand b{color:var(--pink)}.footerTag{font-size:14px;color:#9ca4b1;line-height:1.6;margin:8px 0 18px;max-width:360px;font-weight:400}.footerLinks{display:grid;grid-template-columns:1fr 1fr;gap:16px}.footerCol small{display:block;font-size:11px;color:#697384;font-weight:700;letter-spacing:.12em;margin-bottom:8px}.footerCol a{display:block;font-size:12px;color:#d7dae0;margin:7px 0}.footerBottom{border-top:1px solid #242a35;padding:13px 17px 84px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#717a89;line-height:1.5}.footerLang{white-space:nowrap;color:#b5bbc5}
.footerApps{display:flex;flex-wrap:wrap;gap:8px;margin-top:-5px;margin-bottom:5px}.appBadge{display:inline-flex;align-items:center;gap:9px;min-width:132px;height:42px;padding:0 12px;border:1px solid #303744;border-radius:11px;background:#151a23;color:#fff!important;transition:.18s}.appBadge:hover{background:#1d2430;border-color:#465064;transform:translateY(-1px)}.appBadge>span:last-child{display:flex;flex-direction:column;line-height:1.05}.appBadge small{font-size:7px!important;color:#8f98a7!important;font-weight:500!important;margin:0 0 3px!important}.appBadge b{font-size:12px;font-weight:600}.playIcon{font-size:18px;color:#d8ff31}.appleIcon{position:relative;width:18px;height:18px;font-size:0}.appleIcon:before{content:"●";position:absolute;left:2px;bottom:0;color:#fff;font-size:18px;line-height:18px}.appleIcon:after{content:"◆";position:absolute;right:0;top:-2px;color:#fff;font-size:6px;transform:rotate(-25deg)}
@media(max-width:859px){.top{height:64px;padding:0 12px}.logo{font-size:21px}.searchPill{width:38px;padding:0}.searchPill span,.searchPill kbd,.langPill i,.myPill span{display:none}.langPill{width:38px;padding:0}.myPill{width:38px;padding:0;background:#fff;color:#111!important;border-color:#d5d5d0}.footerApps{gap:6px;margin-top:-7px;margin-bottom:12px}.appBadge{min-width:124px;height:40px;padding:0 10px}}
@media(min-width:860px){.top{height:76px;padding:0 30px;background:rgba(247,246,242,.88)}.logo{font-size:24px}.nav{display:flex;gap:24px;margin-left:54px;font-size:13px;font-weight:1000}.nav a{position:relative;display:flex;align-items:center;height:76px;letter-spacing:-.025em;transition:.2s;min-width:54px}.nav a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--pink));transform:translateX(-50%);transition:width .22s}.nav a:hover,.nav a.active{color:var(--blue)}.nav a:hover:after,.nav a.active:after{width:22px}.nav a>span{display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1}.nav a>span small{font-size:9px;line-height:1;font-weight:700;color:#9699a2;white-space:nowrap}.nav a.active>span small{color:#6e75a8}.nav a em{position:absolute;right:-13px;top:13px;font-style:normal;font-size:8px;line-height:1;background:var(--pink);color:#fff;padding:4px 5px;border-radius:99px}.nav a.sosNav span{color:#f0446c}.tools{gap:7px}.pill{height:40px;padding:0 13px;font-size:12px}.searchPill{min-width:126px;justify-content:flex-start}.searchPill kbd{margin-left:auto}.langPill{min-width:64px}.myPill{min-width:76px}.mobileMenu{display:none}.footer{margin-top:54px;border-radius:26px 26px 0 0}.footerTop{padding:34px 32px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px}.footerLinks{grid-template-columns:repeat(3,1fr)}.footerBottom{padding:15px 32px 18px}}
