.account-control{position:relative;display:flex;align-items:center}.cinematic-store .shop-controls .cfx-account-button{width:40px;height:40px;min-width:40px;min-height:40px;padding:0;max-width:40px;background:#ffffff05;border:1px solid #ffffff25;border-radius:50%;color:#d4cbdc;display:grid;place-items:center;overflow:hidden;box-shadow:none}.cinematic-store .shop-controls .cfx-account-button:hover,.cinematic-store .shop-controls .cfx-account-button[aria-expanded=true]{border-color:#be6fe8;background:#b64aee16}.account-picture{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.cfx-avatar{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;overflow:hidden;color:#d2c8dd;background:#ffffff04}.cfx-avatar>svg{width:21px;height:21px}.cfx-avatar>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0}.cfx-avatar.has-photo>img{opacity:1}.cfx-avatar.has-photo>svg{visibility:hidden}.account-popover{position:absolute;top:calc(100% + 16px);right:0;width:340px;max-width:calc(100vw - 30px);padding:25px;background:#131722f7;backdrop-filter:blur(20px);border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 18px 65px #0008;z-index:70;text-align:left;white-space:normal;animation:account-enter .18s ease-out}.account-popover[hidden]{display:none}.account-popover h2{font-size:21px;letter-spacing:-.5px;margin:3px 0 12px}.account-popover p{font-size:13px;line-height:1.7;color:#a99fb2;margin:0 0 18px}.account-menu-action{display:flex;align-items:center;justify-content:center;width:100%;min-height:43px;text-align:center;padding:12px 18px;border-radius:99px;border:1px solid #ffffff25;color:#cec5d8;background:transparent;cursor:pointer;font:800 11px Inter,Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase;transition:background .2s,border-color .2s,color .2s}.account-menu-action.primary{background:#f7f4fa;border-color:#f7f4fa;color:#10121a}.account-menu-action:hover{border-color:#c476ec;color:#e6b9ff;background:#b64aee12}.account-menu-action.primary:hover{background:#e8d0f7;color:#17101f}.account-menu-action+.account-menu-action{margin-top:11px}.account-menu-identity{display:flex;align-items:center;gap:15px;padding:3px 0 23px}.account-menu-identity .cfx-avatar{width:45px;height:45px}.account-menu-identity strong{display:block;color:white;font-size:15px;overflow-wrap:anywhere}.account-menu-identity small{display:block;font-size:11px;color:#9e91ab;margin-top:5px}.account-popover .account-menu-help{text-align:center;font-size:11px;margin:18px 0 0}.account-menu-help a{color:#cd79f5;font-weight:700}.account-popover .account-menu-status:empty{display:none}.account-popover .account-menu-status{font-size:11px;color:#d7a5ef;margin:12px 0 0}.account-page{max-width:980px;margin:0 auto;padding:80px 5vw 110px;min-height:65vh}.account-page>h1{font:900 clamp(48px,7vw,80px)/1 'Barlow Condensed',sans-serif;text-align:center;margin:23px 0}.account-page>.eyebrow{justify-content:center}.account-page-intro{color:#a89db3;font-size:13px;line-height:1.8;text-align:center;margin:0 0 55px}.account-profile-card{display:flex;align-items:center;gap:22px;padding:27px;border:1px solid #ffffff15;border-radius:12px;background:#171b27;margin-bottom:25px}.account-profile-card .cfx-avatar{width:60px;height:60px}.account-profile-card .cfx-avatar svg{width:32px;height:32px}.account-profile-card h2{font-size:21px;margin:0 0 8px;overflow-wrap:anywhere}.account-provider{color:#978ba3;font-size:10px;letter-spacing:2px}.account-resource-card{text-align:center;border:1px solid #ffffff15;background:#171b27;border-radius:12px;padding:42px 30px}.account-resource-card h2{font-size:22px}.account-resource-card p{max-width:600px;margin:18px auto 25px;font-size:13px;color:#a99db4;line-height:1.9}.account-resource-card .account-menu-action{max-width:320px;margin:auto}.account-page-signout{max-width:240px;margin:24px auto 0}@keyframes account-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.cinematic-store .shop-controls .cfx-account-button{width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px}.cfx-account-button .cfx-avatar{width:28px;height:28px}.account-popover{width:310px;top:calc(100% + 12px);padding:22px}.account-page{padding-top:45px;padding-bottom:65px}.account-resource-card{padding:30px 20px}.account-profile-card{padding:22px;gap:15px}.account-profile-card h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.account-popover{animation:none}.account-menu-action{transition:none}}