/* Vellust 5.58.2 - Premium design implemented in actual home HTML */
body{background: radial-gradient(ellipse 110% 440px at 4% 115px,rgba(139,32,218,.34),transparent 76%),radial-gradient(ellipse 90% 350px at 97% 290px,rgba(145,64,219,.19),transparent 78%),linear-gradient(180deg,#120a1e 0,#09070e 900px,#08060d 1200px)!important}
.topbar{background:rgba(12,7,21,.84)!important;border-bottom:1px solid #a855f744!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;box-shadow:0 12px 40px #21093055!important}
.topbar .nav{min-height:70px}.topbar .brand-image{filter:drop-shadow(0 0 10px #9f47f955)!important}
.vellust-premium-welcome{position:relative;isolation:isolate;padding:46px 22px 40px;margin:0 auto 12px;max-width:1160px;overflow:visible}
.vellust-premium-welcome:before{content:'';position:absolute;z-index:-1;inset:-35px 0 -20px;background:radial-gradient(ellipse at 19% 16%,#9a3bea34,transparent 65%);pointer-events:none}
.vellust-premium-eyebrow{font-weight:750;letter-spacing:.18em;font-size:11px;color:#cf9bff;margin-bottom:16px}
.vellust-premium-welcome h1{font-size:clamp(33px,5vw,55px);letter-spacing:-.047em;line-height:1.12;margin:0 0 14px;color:#fff;font-weight:840}
.vellust-premium-welcome h1 span{background:linear-gradient(105deg,#fff,#cf9bff 55%,#a855f7);background-clip:text;-webkit-background-clip:text;color:transparent}
.vellust-premium-welcome p{max-width:490px;color:#bda8cc;font-size:clamp(15px,2.1vw,20px);line-height:1.6;margin:0 0 25px}
.vellust-welcome-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:47px}
#vellustWelcomeLinks a{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;position:static!important;inset:auto!important;transform:none!important;margin:0!important;min-height:46px;max-width:100%;padding:11px 19px!important;border-radius:17px!important;text-decoration:none!important;color:#fff!important;font-weight:750!important;font-size:14px!important;box-shadow:none!important;border:1px solid #bb6cf3a1!important;background:#261532ee!important}
#vellustWelcomeLinks #vellustControlShortcut{background:linear-gradient(105deg,#6e24ac,#9e36dc)!important;border-color:#d08afa!important}
#vellustWelcomeLinks a[hidden]{display:none!important}
#vellustQuickLinks{display:none!important}
/* Compact profile menu, independent of old drawer */
.vellust-profile-menu-wrap{position:relative;display:flex;align-items:center;margin-left:4px}
.vellust-profile-toggle{width:42px;height:42px;padding:0!important;border-radius:50%!important;background:linear-gradient(125deg,#301442,#1a0e27)!important;border:2px solid #a855f7!important;color:#e9cfff!important;font-size:21px;display:grid;place-items:center}
.vellust-profile-dropdown{position:absolute;top:calc(100% + 16px);right:0;width:min(260px,85vw);z-index:999;background:#180f25f7;border:1px solid #9b53cf99;border-radius:18px;box-shadow:0 18px 45px #0009;padding:10px;backdrop-filter:blur(18px)}
.vellust-profile-dropdown[hidden]{display:none!important}
.vellust-profile-dropdown a,.vellust-profile-dropdown button{width:100%;border:0!important;border-radius:11px;background:transparent!important;color:#f5eafe!important;padding:11px 12px!important;text-align:left;text-decoration:none;display:block;font-size:14px}
.vellust-profile-dropdown a:hover,.vellust-profile-dropdown button:hover{background:#9b3adb29!important}
@media(max-width:700px){.vellust-premium-welcome{padding:34px 20px 28px}.vellust-premium-welcome h1{font-size:35px}.vellust-premium-welcome p{font-size:16px}.topbar .nav{min-height:64px}.vellust-profile-toggle{width:35px;height:35px;font-size:17px}.vellust-welcome-links{gap:9px}#vellustWelcomeLinks a{font-size:13px!important;padding:10px 13px!important;min-height:43px}}

/* 5.58.3: one real profile avatar replaces both username chip and extra circle */
.topbar .shell.nav{display:flex!important;flex-wrap:nowrap!important;gap:9px!important;align-items:center!important;padding-inline:14px!important;max-width:1160px!important}
.topbar .logo{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important}
.topbar .brand-image{max-width:100%!important;width:auto!important;height:34px!important;object-fit:contain!important;object-position:left center!important}
.topbar .v549-top-actions{display:flex!important;flex:none!important;margin-left:auto!important;gap:9px!important}
.topbar .v549-action{width:43px!important;height:43px!important;min-width:43px!important;border-radius:15px!important;background:rgba(28,16,43,.8)!important;border:1px solid rgba(193,119,244,.35)!important}
.topbar #real-account,.topbar #menuButton{display:none!important}
.topbar .vellust-profile-menu-wrap{flex:none!important;margin:0!important;z-index:150!important}
.topbar .vellust-profile-toggle{position:relative!important;display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border-radius:50%!important;border:2px solid #aa4be9!important;background:#241330!important;padding:2px!important;overflow:visible!important;box-shadow:0 0 15px #9328d34f!important}
.vellust-profile-toggle .vellust-avatar-fallback{display:grid;place-items:center;font-size:22px;width:100%;height:100%;border-radius:50%;overflow:hidden}
.vellust-profile-toggle img:not([hidden]){width:100%;height:100%;border-radius:50%;object-fit:cover;position:absolute;inset:0;padding:2px;background:#241330}
.vellust-profile-toggle img[hidden]{display:none!important}
.vellust-avatar-arrow{position:absolute;bottom:-3px;right:-6px;border:1px solid #ae60ed;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;background:#271332;font-size:15px;line-height:12px;color:#fff}
.vellust-profile-dropdown{z-index:9999!important;min-width:238px!important}
.vellust-profile-dropdown hr{border:0;border-top:1px solid #76508b77;margin:7px 8px}
@media(max-width:550px){.topbar .shell.nav{padding-inline:13px!important;gap:8px!important;min-height:70px!important}.topbar .brand-image{height:28px!important}.topbar .v549-top-actions{gap:7px!important}.topbar .v549-action{width:39px!important;height:39px!important;min-width:39px!important;padding:9px!important}.topbar .vellust-profile-toggle{width:42px!important;height:42px!important}.vellust-premium-welcome{padding-top:39px!important}.vellust-premium-welcome h1{font-size:36px!important}}
@media(max-width:370px){.topbar .brand-image{height:24px!important}.topbar .shell.nav{gap:5px!important;padding-inline:9px!important}.topbar .v549-action{width:35px!important;height:35px!important;min-width:35px!important}.topbar .vellust-profile-toggle{width:39px!important;height:39px!important}}
