/* Group navigation and actions near each other, without changing their destinations. */
.header{gap:24px}.header .nav{margin-left:auto;gap:21px}.header>.actions{gap:12px}.header .nav a{white-space:nowrap}.header>.actions>.textlink{font-size:12px;white-space:nowrap}.header>.actions>.btn{padding:11px 16px}.simple-footer{padding:22px 0}.simple-footer .wrap{align-items:center;gap:16px}.workspace-side-mark{color:var(--blue);display:grid;place-items:center}.workspace-side-mark>svg{width:24px;height:24px}.inbox-welcome .inbox-welcome-icon{background:var(--notice-bg);border-radius:24px;color:var(--blue);width:76px;height:76px}.inbox-welcome-icon>svg{width:34px;height:34px}.site-loading-spinner{display:inline-block;width:23px;height:23px;border:2px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:site-spin .8s linear infinite;flex-shrink:0}@keyframes site-spin{to{transform:rotate(360deg)}}
.auth-page.auth-compact-page{display:block;min-height:calc(100vh - 195px);padding:24px 24px 32px;background:var(--bg)}.auth-card.auth-compact{max-width:740px;padding:26px 30px;margin:0 auto;width:100%;border-radius:15px;box-shadow:0 8px 30px #00000003}.auth-compact>header{margin:0 0 21px}.auth-compact h1{font-size:29px;line-height:1.25;letter-spacing:-.8px;margin:0 0 8px}.auth-compact>header p{font-size:14px;margin:0;line-height:1.6}.auth-compact form{margin:0}.auth-card.auth-compact label{font-size:13px;margin-bottom:13px;font-weight:500}.auth-card.auth-compact input,.auth-card.auth-compact select{min-height:42px;padding:10px 12px;font-size:14px;margin-top:6px}.auth-compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.auth-compact-grid>*,.auth-compact-grid label{min-width:0}.auth-compact [hidden]{display:none!important}.auth-compact-divider{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:17px;margin:2px 0 15px}.auth-compact-divider span{font-size:14px;font-weight:650}.auth-compact-divider small{font-size:11px;color:var(--muted)}.auth-compact .auth-compact-note{font-size:11px;line-height:1.6;margin:-3px 0 14px}.auth-compact .auth-compact-submit{width:100%;min-height:43px;justify-content:space-between;padding:11px 16px}.auth-compact-submit svg{width:18px;height:18px}.auth-compact-switch{margin-top:17px;padding-top:17px;border-top:1px solid var(--line);text-align:center;font-size:13px;color:var(--muted);line-height:1.8}.auth-compact-switch>span{display:block;font-size:12px;margin-top:3px}.auth-compact-switch .textlink{margin-left:4px}.auth-compact-recovery{text-align:right;margin:0 0 19px;font-size:13px}.auth-card.auth-compact-login{max-width:460px;margin:22px auto}.auth-compact .auth-feedback{margin:0 0 17px;font-size:13px}.how-page{padding-top:45px;padding-bottom:48px;max-width:1110px}.how-heading{max-width:740px;margin:0 0 35px}.how-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:var(--blue);margin:0 0 15px}.how-heading h1{font-size:38px;line-height:1.2;letter-spacing:-1.3px;margin:0 0 17px}.how-heading>p:last-child{font-size:16px;line-height:1.8;margin:0;max-width:680px}.how-options{display:grid;grid-template-columns:1fr 1fr;gap:23px}.how-option{border:1px solid var(--line);border-radius:15px;padding:28px;background:var(--surface);display:flex;flex-direction:column;align-items:flex-start}.how-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--notice-bg);color:var(--blue);margin-bottom:20px}.how-icon svg{width:22px;height:22px}.how-option h2{font-size:22px;letter-spacing:-.5px;margin-bottom:11px}.how-option p{font-size:14px;line-height:1.8;margin:0 0 24px;flex:1}.how-follow{padding-top:37px;margin-top:37px;border-top:1px solid var(--line)}.how-follow>h2{font-size:22px;margin-bottom:24px}.how-follow ol{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:0;margin:0;list-style:none}.how-follow li{display:flex;gap:13px;align-items:flex-start}.how-follow li>span{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;font-size:12px;font-weight:700;color:var(--muted);margin-top:1px}.how-follow h3{font-size:15px;line-height:1.6;margin:0 0 7px}.how-follow p{font-size:13px;line-height:1.8;margin:0}.how-bottom{margin-top:35px;border-radius:10px;background:var(--bg);padding:18px 20px}.how-bottom p{font-size:12px;line-height:1.8;margin:0;display:flex;gap:9px;align-items:flex-start}.how-bottom p+p{margin-top:5px;margin-left:26px}.how-bottom svg{width:17px;height:17px;flex-shrink:0;margin-top:2px}
@media(max-width:1100px){.header{column-gap:16px}.header .nav{gap:14px}.header>.actions{gap:9px}.header .nav a{font-size:12px}}
@media(max-width:950px){.header .nav{margin-left:0}.header>.actions{margin-left:auto}.how-page{padding-top:34px}.how-heading h1{font-size:33px}.how-follow ol{gap:17px}.how-options{gap:18px}.how-option{padding:23px}}
@media(max-width:650px){.header .nav{width:100%;justify-content:center;gap:21px}.header>.actions{margin-left:0}.auth-page.auth-compact-page{padding:20px 18px 26px}.auth-card.auth-compact{padding:23px 20px}.auth-compact h1{font-size:25px}.auth-card.auth-compact>header{margin-bottom:22px}.auth-compact-grid{grid-template-columns:1fr;gap:0}.auth-compact-divider small{font-size:10px}.auth-card.auth-compact label{margin-bottom:16px}.auth-compact .auth-compact-note{font-size:11px}.auth-card.auth-compact-login{margin:0 auto}.how-heading h1{font-size:30px}.how-heading>p:last-child{font-size:14px}.how-options{grid-template-columns:1fr}.how-follow ol{grid-template-columns:1fr;gap:23px}.how-page{padding-top:29px;padding-bottom:32px}.how-bottom{padding:16px}.simple-footer .wrap{align-items:flex-start;flex-direction:column;gap:7px}.how-option h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.site-loading-spinner{animation:none}}
.brand-lockup,.brand-lockup.brand-header{background:transparent;padding:0;border-radius:0;overflow:visible}.brand-lockup.brand-header{width:215px}.brand-lockup img{filter:none}html[data-theme=dark] .brand-lockup img{filter:invert(1) hue-rotate(180deg)}
@media(max-width:950px){.brand-lockup.brand-header{width:185px}}
@media(max-width:650px){.brand-lockup.brand-header{width:175px}}