/* One navigation and account experience across the marketing site and app. */
.homepage,.sd-page { --header-h:80px; }
.sd-masthead.site-header { height:80px; position:sticky; top:0; z-index:90; display:block; background:rgba(9,10,16,.94); border-bottom:1px solid #ffffff0c; box-shadow:0 8px 30px #00000010; backdrop-filter:blur(22px); }
.sd-masthead .mh-inner { width:min(1240px,calc(100% - 80px)); height:100%; margin-inline:auto; display:flex; align-items:center; gap:32px; }
.sd-masthead .mh-brand { display:inline-flex; align-items:center; gap:10px; flex:none; font:700 1.25rem var(--font-display); letter-spacing:-.055em; color:#f5f5f1; }
.mh-brand>span:last-child>span { color:#b4a0ff; }
.mh-logo { display:grid; place-items:center; width:36px; height:36px; border:1px solid #c9b7ff66; border-radius:11px; background:linear-gradient(145deg,#c2adff,#9580eb 70%,#a7bdec); box-shadow:0 4px 20px #a082e320; color:#1b142b; }
.mh-logo>svg { width:23px; height:23px; }
.mh-nav { display:flex; align-items:center; gap:7px; margin-inline:auto; }
.mh-nav>a,.mh-disclosure { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:10px 12px; min-height:40px; color:#b3aeba; font:500 .81rem var(--font); background:transparent; border:0; border-radius:8px; cursor:pointer; white-space:nowrap; }
.mh-nav>a:hover,.mh-disclosure:hover,.mh-nav>a[aria-current="page"],.mh-disclosure[aria-expanded="true"] { color:#f2eef8; background:#ffffff06; }
.mh-nav>a[aria-current="page"] { box-shadow:inset 0 -2px #ad96ed; }
.mh-disclosure>.sd-icon { width:13px; height:13px; color:#898191; transition:transform .16s; }
.mh-disclosure[aria-expanded="true"]>.sd-icon { transform:rotate(180deg); }
.mh-platforms { position:relative; }
.mh-popover { position:absolute; top:calc(100% + 17px); max-height:calc(100dvh - var(--header-h) - 24px); overflow-y:auto; border:1px solid #4a405c; border-radius:16px; background:linear-gradient(135deg,#1b1823,#12131b 70%); box-shadow:0 24px 64px #0009,0 1px 0 #ffffff08 inset; padding:8px; }
.mh-platform-panel { width:330px; left:50%; transform:translateX(-50%); }
.mh-popover[hidden],.mh-avatar img[hidden] { display:none!important; }
.mh-panel-label { font:500 .55rem var(--font-mono); letter-spacing:.12em; color:#958aab; padding:13px 13px 8px; }
.mh-platform-panel>a { display:flex; align-items:center; gap:13px; padding:13px; border-radius:9px; color:#efeaf7; }
.mh-platform-panel>a:hover,.mh-platform-panel>a[aria-current="page"] { background:#b4a0ff0a; }
.mh-platform-symbol { display:grid; place-items:center; width:35px; height:35px; border:1px solid #ffffff0a; background:#ffffff04; border-radius:9px; }
.mh-platform-symbol svg { width:19px; height:19px; }
.mh-platform-panel b { display:block; font-size:.81rem; font-weight:600; }
.mh-platform-panel small { display:block; color:#91899f; font-size:.67rem; margin-top:4px; }
.mh-platform-panel>a>.sd-icon { width:14px; height:14px; color:#91839f; margin-left:auto; }
.mh-platform-footer { border-top:1px solid #ffffff0a; padding:13px; font-size:.66rem; line-height:1.6; color:#a79cb9; }
.mh-actions { display:flex; align-items:center; gap:18px; flex:none; margin-left:auto; }
.mh-signin { color:#d4cfdf; font:500 .8rem var(--font); white-space:nowrap; }
.mh-primary { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:10px 15px; border-radius:9px; background:#d6fb7c; color:#171b10; font:600 .78rem var(--font); white-space:nowrap; box-shadow:0 2px 8px #bada4a0a; transition:background .16s; }
.mh-primary:hover { background:#e4ffad; }.mh-primary>.sd-icon { width:16px; height:16px; }
.mh-account { position:relative; padding-left:17px; border-left:1px solid #ffffff12; }
.mh-profile-button { display:flex; align-items:center; gap:10px; padding:4px 6px 4px 4px; border:1px solid transparent; border-radius:12px; background:transparent; cursor:pointer; text-align:left; color:#f5f5f1; font:inherit; }
.mh-profile-button:hover,.mh-profile-button[aria-expanded="true"] { background:#b4a0ff09; border-color:#b4a0ff22; }
.mh-avatar { display:grid; place-items:center; position:relative; width:37px; height:37px; flex:none; border:1px solid #cbb4ff63; border-radius:50%; background:linear-gradient(145deg,#dacaff,#a38bd5); box-shadow:0 0 0 3px #b4a0ff09; color:#30213f; overflow:hidden; font:600 .77rem var(--font-display); letter-spacing:.025em; }
.mh-avatar>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; background:#1b1825; }
.mh-profile-copy { min-width:0; max-width:110px; }
.mh-profile-copy>b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.77rem; font-weight:600; }
.mh-profile-copy>small { display:block; font:400 .61rem var(--font); color:#9a8fab; margin-top:3px; }
.mh-profile-button>.sd-icon { width:13px; height:13px; color:#9587a9; margin-left:3px; }
.mh-account-panel { width:295px; right:0; }
.mh-account-summary { display:flex; align-items:center; gap:12px; padding:17px 12px 19px; border-bottom:1px solid #ffffff0b; margin-bottom:7px; }
.mh-account-summary .mh-avatar { width:45px; height:45px; font-size:.92rem; }
.mh-account-summary>div { min-width:0; }
.mh-account-summary b { display:block; font:600 .94rem var(--font-display); overflow-wrap:anywhere; color:#f2ecfa; }
.mh-account-summary small { display:block; color:#a294b2; font-size:.68rem; margin-top:4px; overflow-wrap:anywhere; }
.mh-account-links>a,.mh-signout { display:flex; align-items:center; width:100%; gap:12px; min-height:43px; padding:11px 12px; border-radius:8px; border:0; background:transparent; color:#d2cadf; font:500 .78rem var(--font); text-align:left; cursor:pointer; }
.mh-account-links>a>.sd-icon,.mh-signout>.sd-icon { width:17px; height:17px; color:#a492bf; }
.mh-account-links>a:hover { background:#b4a0ff0a; color:#f4ecff; }
.mh-signout { margin-top:7px; border-top:1px solid #ffffff0b; border-radius:0 0 8px 8px; padding-top:15px; padding-bottom:13px; color:#e7a8b7; }
.mh-signout>.sd-icon { color:#cc8ca0; }.mh-signout:hover { background:#f48aa00a; }.mh-signout:disabled { cursor:wait; opacity:.6; }
.mh-menu-toggle { display:none; width:41px; height:41px; flex:none; align-items:center; justify-content:center; border:1px solid #ffffff1a; border-radius:9px; background:#ffffff02; color:#ccc2de; }
.mh-menu-toggle>.sd-icon { width:19px; height:19px; }
.mh-mobile-signin { display:none!important; }
.sd-masthead :is(a,button):focus-visible { outline:2px solid #d6fb7c; outline-offset:4px; }
.sd-masthead .mh-fallback { margin-left:auto; }
@media(max-width:1150px) {
 .sd-masthead .mh-inner { width:calc(100% - 48px); gap:20px; }.mh-nav { gap:0; }.mh-nav>a,.mh-disclosure { padding-inline:10px; font-size:.76rem; }
 .mh-actions { gap:13px; }.mh-profile-copy { display:none; }.mh-account { padding-left:11px; }.mh-profile-button { gap:5px; }
}
@media(max-width:850px) {
 .homepage,.sd-page { --header-h:70px; }
 .sd-masthead.site-header { height:70px; }.sd-masthead .mh-inner { gap:16px; }.sd-masthead .mh-brand { font-size:1.15rem; }.mh-logo { width:33px; height:33px; }
 .mh-nav>a,.mh-disclosure { font-size:.72rem; padding-inline:8px; }.mh-primary { font-size:.72rem; padding-inline:12px; }.mh-signin { font-size:.74rem; }
 .mh-actions { gap:11px; }.mh-account { padding-left:0; border:0; }.mh-profile-button>.sd-icon { display:none; }
}
@media(max-width:760px) {
 .homepage,.sd-page { --header-h:68px; }
 .sd-masthead.site-header { height:68px; }.sd-masthead .mh-inner { width:calc(100% - 36px); gap:11px; }
 .mh-menu-toggle { display:flex; }.mh-actions { gap:12px; }.mh-profile-button { padding:0; border:0; }.mh-avatar { width:39px; height:39px; }
 .mh-signin { display:none; }.mh-primary { min-height:40px; padding:10px 13px; font-size:.74rem; }
 .mh-new-giveaway { width:38px; min-height:38px; padding:9px; background:#b4a0ff13; color:#cdb8f5; border:1px solid #b4a0ff30; }.mh-new-giveaway>span { display:none; }.mh-new-giveaway:hover { background:#b4a0ff22; }
 .mh-nav { display:none; position:absolute; top:77px; left:18px; right:18px; margin:0; padding:12px; background:linear-gradient(130deg,#191620,#11121a); border:1px solid #4a405c; border-radius:15px; box-shadow:0 22px 60px #0009; max-height:calc(100dvh - 94px); overflow-y:auto; }
 .mh-nav.is-open { display:flex; flex-direction:column; align-items:stretch; gap:5px; }
 .mh-nav>a,.mh-disclosure { width:100%; justify-content:space-between; padding:14px 12px; min-height:44px; font-size:.83rem; }
 .mh-mobile-signin { display:flex!important; border-top:1px solid #ffffff0b!important; border-radius:0!important; margin-top:4px; }
 .mh-platform-panel { position:static; transform:none; width:auto; margin:4px 0 7px; border-color:#ffffff0d; background:#090a1040; box-shadow:none; }
 .mh-platform-panel>a { padding-block:12px; }.mh-platform-panel .mh-panel-label { padding-top:10px; }
 .mh-account-panel { position:fixed; top:77px; left:18px; right:18px; width:auto; max-height:calc(100dvh - 94px); overflow-y:auto; }
 .mh-account-summary { padding:17px 14px 19px; }.mh-account-summary .mh-avatar { width:48px; height:48px; }.mh-account-links>a,.mh-signout { min-height:46px; font-size:.84rem; }
}
@media(max-width:370px) {
 .sd-masthead .mh-inner { width:calc(100% - 28px); gap:9px; }.sd-masthead .mh-brand { font-size:1.06rem; gap:8px; }.mh-logo { width:31px; height:31px; }.mh-primary { font-size:.71rem; padding-inline:10px; }.mh-actions { gap:9px; }.mh-menu-toggle { width:37px; }.mh-new-giveaway { width:34px; }.mh-avatar { width:35px; height:35px; }
}
@media(prefers-reduced-motion:reduce) { .sd-masthead * { transition:none!important; } }