html:not([data-device=phone]) .auth-shell{position:relative;isolation:isolate;display:grid;grid-template-rows:72px 1fr auto;width:100%;min-height:100svh;padding:0;background:#fff}html:not([data-device=phone]) .auth-shell .auth-brand{display:flex;align-items:center;justify-content:space-between;width:100%;height:72px;aspect-ratio:auto;margin:0;border:0;padding:0 36px;background:#fff}html:not([data-device=phone]) .auth-brand img{width:176px;height:auto}html:not([data-device=phone]) .auth-brand-link{width:176px}html:not([data-device=phone]) .auth-brand .auth-wordmark-mobile{display:block}html:not([data-device=phone]) .auth-brand .auth-wordmark-desktop{display:none}html:not([data-device=phone]) .auth-desktop-help{display:inline-flex;min-height:44px;align-items:center;gap:7px;color:#626974;font-size:13px;text-decoration:none}html:not([data-device=phone]) .auth-desktop-help svg{width:17px;height:17px}html:not([data-device=phone]) .auth-desktop-help:hover{color:#17191d;text-decoration:underline;text-underline-offset:3px}html:not([data-device=phone]) .auth-desktop-help:focus-visible{outline:2px solid #ffc400;outline-offset:3px}html:not([data-device=phone]) .auth-workspace{align-self:start;width:480px;min-height:608px;margin:max(16px,calc((100svh - 950px)/2)) auto;border:1px solid #e1e3e5;border-radius:8px;padding:24px 32px;background:#f5f6f7;box-shadow:0 12px 36px #00000024}html:not([data-device=phone]) .auth-form label:not(.auth-check){color:#303439}html:not([data-device=phone]) .auth-input input{border-color:#d6d9dd;background:#fff;color:#202328}html:not([data-device=phone]) .auth-input input::placeholder{color:#69717c}html:not([data-device=phone]) .auth-input input:focus{border-color:#9a7600;box-shadow:0 0 0 3px #ffc40033}html:not([data-device=phone]) .auth-workspace :is(button,a,input):focus-visible{outline-color:#9a7600}html:not([data-device=phone]) .auth-social-button{border-color:#d6d9dd}html:not([data-device=phone]) .auth-tabs:before,html:not([data-device=phone]) .auth-social-divider:before,html:not([data-device=phone]) .auth-social-divider:after{background:#dde0e3}html:not([data-device=phone]) .auth-campaign{display:none;position:relative;isolation:isolate;color:#17191d;pointer-events:none}html:not([data-device=phone]) .auth-campaign-title{margin:0;color:#e4e6e9;font-size:30px;line-height:1.2;font-weight:450;letter-spacing:0}html:not([data-device=phone]) .auth-campaign-title strong{display:block;margin-top:8px;color:#ffc400;font-size:48px;line-height:1.08;font-weight:650}html:not([data-device=phone]) .auth-campaign-features{display:flex;flex-wrap:wrap;gap:16px 26px;margin:28px 0 0;padding:0;list-style:none;color:#c1c3c7;font-size:15px;line-height:22px;font-weight:450;letter-spacing:0}html:not([data-device=phone]) .auth-campaign-features li{display:flex;align-items:center;gap:9px;white-space:nowrap}html:not([data-device=phone]) .auth-campaign-features svg{flex:0 0 20px;width:20px;height:20px;color:#ffc400;stroke-width:1.75}html:not([data-device=phone]) .auth-shell .auth-footer{flex-direction:row;flex-wrap:wrap;align-items:center;min-height:48px;gap:8px 24px;margin:0;border:0;padding:8px 24px;background:#fff;color:#7a8089}html:not([data-device=phone]) .auth-footer a{color:#626974}@media(min-width:1280px)and (min-height:760px){html:not([data-device=phone]) .auth-shell{grid-template-columns:minmax(40px,1fr) minmax(0,780px) 100px 480px minmax(40px,1fr);background:#151719}html:not([data-device=phone]) .auth-shell:before{content:"";position:absolute;inset:72px 0 0;z-index:-1;background:url(../../assets/auth/brand-studio-desktop.jpg) center / cover no-repeat;pointer-events:none}html:not([data-device=phone]) .auth-shell .auth-brand{grid-column:1 / -1;background:#151719;border-bottom:1px solid rgb(255 255 255 / 7%)}html:not([data-device=phone]) .auth-brand .auth-wordmark-mobile{display:none}html:not([data-device=phone]) .auth-brand .auth-wordmark-desktop{display:block;width:176px;height:auto;object-fit:contain}html:not([data-device=phone]) .auth-desktop-help{color:#c1c3c7}html:not([data-device=phone]) .auth-desktop-help:hover{color:#fff}html:not([data-device=phone]) .auth-campaign{display:block;grid-column:2;grid-row:2;align-self:start;margin:max(40px,calc((100svh - 680px) / 6)) 0 32px}html:not([data-device=phone]) .auth-workspace{grid-column:4;grid-row:2;margin-inline:0}html:not([data-device=phone]) .auth-shell .auth-footer{grid-column:1 / -1;background:transparent;color:#b5b8bd}html:not([data-device=phone]) .auth-shell .auth-footer a{color:#c1c3c7}}@media(min-width:1600px)and (min-height:900px){html:not([data-device=phone]) .auth-campaign-title{font-size:36px}html:not([data-device=phone]) .auth-campaign-title strong{font-size:60px}}@media(min-width:1280px)and (min-height:760px)and (min-aspect-ratio:2 / 1){html:not([data-device=phone]) .auth-shell:before{background-image:url(../../assets/auth/brand-studio-wide.jpg)}}html:not([data-device=phone]) .auth-shell .auth-form .auth-check input{min-height:0}html:not([data-device=phone]) .auth-footer a:focus-visible{outline-color:#ffc400}html:not([data-device=phone]) .auth-footer-help,html:not([data-device=phone]) .auth-shell:is([data-panel=signup],[data-panel=complete-signup]) .auth-footer p{display:none}
