.auth-shell{--auth-ink:#0c2445;--auth-muted:#536987;--auth-accent:#1255c8;--auth-line:#dce4ef;min-height:100dvh;color:var(--auth-ink);font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif;background:#fff;grid-template-columns:46% minmax(0,54%);display:grid}.auth-shell *{box-sizing:border-box}.auth-shell .auth-skip{z-index:20;background:var(--auth-accent);color:#fff;min-height:48px;padding:14px 20px;position:absolute;top:0;left:0;transform:translateY(-110%)}.auth-shell .auth-skip:focus{transform:translateY(0)}.auth-shell .auth-brand{background:#e7f2ff;min-width:0;min-height:100dvh;padding:56px 56px 80px;position:relative;overflow:hidden}.auth-shell .auth-brand-logo{z-index:1;position:relative}.auth-shell .auth-brand-logo img{object-fit:contain;width:252px;height:120px}.auth-shell .auth-brand-copy{z-index:1;margin-top:clamp(100px,16vh,170px);position:relative}.auth-shell .auth-brand-copy h2{letter-spacing:-.045em;margin:0;font-size:clamp(42px,4.55vw,70px);font-weight:800;line-height:1.09}.auth-shell .auth-brand-copy p{color:#354c6b;letter-spacing:-.02em;margin:26px 0 0;font-size:clamp(19px,1.7vw,26px);line-height:1.5}.auth-shell .auth-brand-art{pointer-events:none;position:absolute;inset:0}.auth-shell .auth-brand-art span{z-index:1;border:1px solid #2169dc;border-radius:50%;width:770px;height:770px;display:block;position:absolute}.auth-shell .auth-brand-art span:first-child{bottom:-420px;left:-440px}.auth-shell .auth-brand-art span:nth-child(2){bottom:-570px;left:90px}.auth-shell .auth-brand-art span:nth-child(3){z-index:0;background:#cfe2fc;border:0;width:560px;height:560px;bottom:-305px;left:-175px}.auth-shell .auth-stage{flex-direction:column;min-width:0;min-height:100dvh;padding:70px 48px 24px;display:flex}.auth-shell .auth-content{outline:none;width:100%;max-width:480px;margin:auto;padding-block:20px 40px}.auth-shell-wide .auth-content{max-width:576px}.auth-shell .auth-entry-icon{width:88px;height:88px;color:var(--auth-accent);background:#e7f2ff;border-radius:14px;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.auth-shell .auth-content h1{color:var(--auth-ink);letter-spacing:-.035em;text-wrap:pretty;margin-top:0;font-size:36px;font-weight:750;line-height:1.2}.auth-shell .auth-content :is(p,li){color:inherit}.auth-shell .auth-signin{text-align:center}.auth-shell .auth-signin>h1+p{color:var(--auth-muted);margin-top:16px;font-size:16px;line-height:26px}.auth-shell .auth-signin>div:nth-of-type(2){margin-top:28px}.auth-shell .auth-signin>div:last-child{border-color:var(--auth-line);color:var(--auth-muted);margin-top:32px;padding-top:26px;line-height:25px}.auth-shell .auth-signin>div:last-child p+p{margin-top:14px}.auth-shell .auth-primary{border:1px solid var(--auth-accent);background:var(--auth-accent);color:#fff;min-height:54px;box-shadow:none;border-radius:8px;gap:12px;padding:14px 20px;font-size:16px;font-weight:650;line-height:24px}.auth-shell .auth-primary:hover{background:#0d46ad;border-color:#0d46ad}.auth-shell .auth-secondary{min-height:48px;box-shadow:none;border-color:#bccadd;border-radius:8px;font-size:14px}.auth-shell .auth-ghost{min-height:48px;color:var(--auth-accent);border-radius:8px;font-size:14px}.auth-shell .auth-signin .auth-ghost{border:1px solid var(--auth-accent);min-height:54px;color:var(--auth-ink);font-size:16px;font-weight:600}.auth-shell .auth-signin .auth-ghost:hover{background:#edf5ff}.auth-shell .auth-button-icon{flex-shrink:0}.auth-shell .auth-link{color:#0d55d8;text-underline-offset:4px;font-weight:550}.auth-shell .auth-field{min-height:50px;color:var(--auth-ink);box-shadow:none;background:#fff;border:1px solid #bccadd;border-radius:8px;padding:12px 15px;font-size:16px;line-height:24px}.auth-shell .auth-field:focus{border-color:var(--auth-accent);outline:none;box-shadow:0 0 0 3px #dbeafe}.auth-shell .auth-label{color:var(--auth-ink);font-size:14px;font-weight:600}.auth-shell .auth-help{color:var(--auth-muted);font-size:13px;line-height:23px}.auth-shell .auth-card,.auth-shell .auth-section{border-color:var(--auth-line);box-shadow:none;border-radius:12px}.auth-shell :is(.auth-error,.auth-success,.auth-info,.auth-warning){text-align:left;border-radius:8px;font-size:14px;line-height:23px}.auth-shell .auth-danger{border-radius:8px}.auth-shell .auth-content :is(a,button,input,select,textarea):focus-visible{outline-offset:4px;outline:3px solid #2269dc}.auth-shell .auth-content button:disabled{cursor:not-allowed}.auth-shell .auth-footer{width:100%;color:var(--auth-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;margin-top:32px;font-size:12px;line-height:20px;display:flex}.auth-shell .auth-footer a{color:#0d55d8;align-items:center;gap:6px;min-height:44px;text-decoration:none;display:inline-flex}.auth-shell .auth-footer a:hover{text-underline-offset:3px;text-decoration:underline}.auth-shell .auth-footer a:focus-visible{outline-offset:4px;outline:3px solid #2269dc}.auth-shell .community-join h1{text-align:center}.auth-shell .community-join>p{text-align:center;color:var(--auth-muted);margin-top:16px;font-size:16px;line-height:26px}.auth-shell .community-join section{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.auth-shell .community-join section+section{border-top:1px solid var(--auth-line);padding-top:24px}.auth-shell .community-join input:not([type=checkbox]),.auth-shell .community-join select{border-color:#bccadd;border-radius:8px;min-height:50px;font-size:16px}.auth-shell .community-join button:not(.text-sm),.auth-shell .community-join a.auth-primary{background:var(--auth-accent);border-radius:8px;min-height:52px;font-size:16px}.auth-shell .community-join a:not(.auth-primary){color:#0d55d8}@media (min-width:1600px){.auth-shell .auth-stage{padding-inline:72px}}@media (max-width:1099px){.auth-shell .auth-brand{padding-inline:36px}.auth-shell .auth-brand-logo img{width:218px;height:104px}.auth-shell .auth-brand-copy h2{font-size:46px}.auth-shell .auth-brand-copy p{font-size:20px}.auth-shell .auth-stage{padding-inline:32px}.auth-shell .auth-content h1{font-size:28px}.auth-shell .auth-footer{justify-content:center}}@media (max-width:767px){.auth-shell{flex-direction:column;display:flex}.auth-shell .auth-brand{border-bottom:1px solid #d0e1f7;min-height:0;padding:18px 24px}.auth-shell .auth-brand-logo img{width:154px;height:72px}.auth-shell .auth-brand-copy,.auth-shell .auth-brand-art{display:none}.auth-shell .auth-stage{min-height:calc(100dvh - 109px);padding:34px 24px 14px}.auth-shell .auth-content{margin:0 auto auto;padding-block:0 20px}.auth-shell .auth-entry-icon{border-radius:12px;width:68px;height:68px;margin-bottom:22px}.auth-shell .auth-entry-icon svg{width:38px;height:38px}.auth-shell .auth-content h1{font-size:28px;line-height:35px}.auth-shell .auth-signin>h1+p{margin-top:12px;font-size:15px;line-height:25px}.auth-shell .auth-signin>div:nth-of-type(2){margin-top:22px}.auth-shell .auth-signin>div:last-child{margin-top:26px;padding-top:22px}.auth-shell .auth-primary,.auth-shell .auth-signin .auth-ghost{padding-inline:12px;font-size:15px}.auth-shell .auth-footer{text-align:center;gap:0 16px;margin-top:20px;font-size:12px}}@media (max-width:359px){.auth-shell .auth-stage{padding-inline:18px}.auth-shell .auth-content h1{font-size:26px}.auth-shell .auth-primary,.auth-shell .auth-signin .auth-ghost{gap:8px;font-size:14px}}@media (prefers-reduced-motion:reduce){.auth-shell *{transition:none!important}}.auth-shell{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.auth-shell .auth-brand{background:#fff;border:0;min-height:0;padding:16px 32px}.auth-shell .auth-brand-logo{width:min(1232px,100%);margin:auto}.auth-shell .auth-brand-logo img{object-position:left;width:218px;height:84px}.auth-shell .auth-stage{min-height:calc(100dvh - 116px);padding:24px 32px 16px}.auth-shell .auth-content{padding-block:24px 40px}.auth-shell .auth-entry-icon{border-radius:24px;width:72px;height:72px}.auth-shell .auth-primary,.auth-shell .auth-secondary,.auth-shell .auth-ghost,.auth-shell .auth-field{border-radius:16px}.auth-shell .auth-footer{justify-content:center;max-width:960px;margin:24px auto 0}.auth-shell .auth-signin>h1{margin-bottom:28px}@media (max-width:767px){.auth-shell .auth-brand{padding:12px 20px}.auth-shell .auth-brand-logo img{width:154px;height:72px}.auth-shell .auth-stage{min-height:calc(100dvh - 96px);padding:24px 20px 12px}}
