/* Sign-in / sign-up page: animated brand panel on the left, account form on the right. Adapted from the bozran-auth design package. */
#bz-auth{--bz-ink:#34442f;--bz-muted:#73776e;--bz-cream:#fbf5e9;--bz-line:#e2e4dd;display:grid;grid-template-columns:48% 52%;min-height:710px;background:#fff;color:var(--bz-ink);font-family:"DM Sans",Arial,sans-serif;box-sizing:border-box;isolation:isolate;color-scheme:light}
#bz-auth *{box-sizing:border-box}
#bz-auth.bz-panel-only{grid-template-columns:1fr}
#bz-auth.bz-panel-only .bz-panel{margin:0;min-height:620px}
#bz-auth button,#bz-auth input{font:inherit}
#bz-auth button:focus-visible{outline:2px solid #73804f;outline-offset:5px}
#bz-auth .bz-panel{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:686px;margin:12px 0 12px 12px;border-radius:16px;background:#fbf5e9}
#bz-auth .bz-field{position:absolute;inset:-30%;z-index:-3;background:radial-gradient(ellipse at 28% 29%,#f8dc79 0%,#f6e8ac 22%,transparent 52%),radial-gradient(ellipse at 76% 63%,#b1c4a3 0%,#d5d9b5 24%,transparent 55%),linear-gradient(180deg,#fffdf7 3%,#f8e7a2 34%,#d4d9b6 62%,#fffaf0 97%);animation:bz-flow 13s ease-in-out infinite alternate;will-change:transform}
#bz-auth .bz-warmth{position:absolute;inset:-25%;z-index:-2;background:radial-gradient(ellipse at 64% 70%,#f7da75b0,transparent 52%),radial-gradient(ellipse at 20% 47%,#96b49b80,transparent 47%);animation:bz-counterflow 17s ease-in-out infinite alternate;will-change:transform}
#bz-auth .bz-curtains{position:absolute;inset:-8% -20%;z-index:-1;opacity:.56;background:repeating-linear-gradient(90deg,#ffffff00 0,#ffffff00 9%,#ffffff3d 10%,#ffffff12 14%,#ffffff00 16%);mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);animation:bz-curtains 10s ease-in-out infinite alternate;will-change:transform}
#bz-auth .bz-edge{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#fffaf0a0 0%,transparent 27%,transparent 72%,#fffaf0d9 100%)}
#bz-auth .bz-story{position:relative;z-index:1;width:100%;padding:40px 24px;text-align:center}
#bz-auth .bz-monogram{display:grid;place-items:center;width:53px;height:53px;margin:0 auto 28px;border-radius:50%;background:var(--bz-ink);color:var(--bz-cream);font-size:40px;font-weight:500;line-height:1;letter-spacing:-3px;padding-right:2px}
#bz-auth .bz-quote{display:block;height:32px;margin:0 auto 9px;font-family:Georgia,serif;font-size:48px;line-height:1}
#bz-auth .bz-copy{min-height:122px;margin:0 auto;max-width:420px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:"Instrument Serif",Georgia,serif;font-size:43px;line-height:1.13;font-weight:400;letter-spacing:-1.3px;transition:opacity .26s ease,transform .4s ease}
#bz-auth .bz-copy.bz-out{opacity:0;transform:translateY(-7px)}
#bz-auth .bz-copy .bz-word{display:inline-block;opacity:0;transform:translateY(9px);filter:blur(2px);animation:bz-word-in .55s cubic-bezier(.2,.7,.2,1) forwards}
#bz-auth .bz-caption{min-height:36px;margin:18px auto 27px;color:#53604a;font-size:13px;line-height:1.6;transition:opacity .25s ease}
#bz-auth .bz-dots{display:flex;align-items:center;justify-content:center;gap:7px}
#bz-auth .bz-dot{position:relative;display:grid;place-items:center;border:0;background:transparent;width:23px;height:26px;padding:0}
#bz-auth .bz-dot::before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#34442f40;transition:width .4s ease,background .4s ease}
#bz-auth .bz-dot[aria-pressed="true"]::before{width:19px;border-radius:10px;background:var(--bz-ink)}
#bz-auth .bz-motion-toggle{position:absolute;bottom:22px;left:24px;display:flex;gap:8px;align-items:center;border:0;background:transparent;padding:7px 0;color:#53604a;font-size:11px}
#bz-auth .bz-motion-symbol{font-size:12px;letter-spacing:2px;line-height:1}
#bz-auth.bz-paused .bz-field,#bz-auth.bz-paused .bz-warmth,#bz-auth.bz-paused .bz-curtains{animation-play-state:paused}
#bz-auth .bz-form-side{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:54px 32px 60px;background:#fff}
#bz-auth .bz-form-content{width:100%;max-width:352px}
#bz-auth .bz-logo{margin:0 0 29px;text-align:center;font-size:32px;font-weight:600;letter-spacing:-1.8px;line-height:1}
#bz-auth .bz-form-title{margin:0 0 9px;text-align:center;font-family:"Instrument Serif",Georgia,serif;font-size:31px;line-height:1.2;font-weight:400;letter-spacing:-.65px}
#bz-auth .bz-form-intro{margin:0 0 25px;color:var(--bz-muted);text-align:center;font-size:12px;line-height:1.6}
#bz-auth .bz-providers{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
#bz-auth .bz-provider{display:flex;justify-content:center;align-items:center;gap:6px;min-height:34px;border:1px solid var(--bz-line);border-radius:7px;background:#fff;color:#242b22;padding:5px;font-size:11px;opacity:1}
#bz-auth .bz-provider-mark{font-weight:600;font-size:14px}
#bz-auth .bz-google{color:#4285f4}
#bz-auth .bz-facebook{color:#1877f2}
#bz-auth .bz-divider{display:flex;align-items:center;gap:15px;margin:22px 0;color:#94998f;font-size:10px}
#bz-auth .bz-divider::before,#bz-auth .bz-divider::after{content:"";height:1px;background:var(--bz-line);flex:1}
#bz-auth .bz-field-group{display:block;margin:0 0 16px}
#bz-auth .bz-field-group[hidden]{display:none}
#bz-auth .bz-input-label{display:block;margin:0 0 6px;color:#303a2b;font-size:11px;line-height:1.4}
#bz-auth .bz-input{display:block;width:100%;min-height:39px;padding:9px 11px;border:1px solid var(--bz-line);border-radius:5px;background:#fff;color:#2f362c;font-size:13px;line-height:1.5;outline-offset:3px}
#bz-auth .bz-input:focus{outline:2px solid #a3ae8d}
#bz-auth .bz-forgot{display:block;margin:-4px 0 16px;text-align:end;color:#53604a;font-size:11px}
#bz-auth .bz-forgot[hidden]{display:none}
#bz-auth .bz-submit{display:block;width:100%;margin:22px 0 16px;min-height:39px;border:0;border-radius:7px;background:var(--bz-ink);color:#fff;font-size:12px;opacity:1}
#bz-auth .bz-account-switch{margin:0;text-align:center;color:#70766b;font-size:11px;line-height:1.6}
#bz-auth .bz-switch{border:0;padding:0;background:transparent;text-decoration:underline;text-underline-offset:3px;color:var(--bz-ink);font-size:11px}
#bz-auth .bz-legal{position:absolute;bottom:24px;left:20px;right:20px;display:flex;gap:12px;justify-content:center;color:#7e8479;font-size:10px}
#bz-auth .bz-strength{display:flex;gap:4px;margin-top:8px}
#bz-auth .bz-strength span{height:3px;border-radius:3px;background:#e9ebe5;flex:1}
#bz-auth .bz-strength span:first-child{background:#a1ad62}
#bz-auth .bz-strength span:nth-child(2){background:#f2d45c}
#bz-auth .bz-strength[hidden]{display:none}
@keyframes bz-flow{0%{transform:translate3d(-4%,-5%,0) scale(1.02) rotate(-5deg)}50%{transform:translate3d(5%,3%,0) scale(1.08) rotate(3deg)}100%{transform:translate3d(-1%,7%,0) scale(1.02) rotate(-2deg)}}
@keyframes bz-counterflow{0%{transform:translate3d(7%,-4%,0) scale(1.05)}100%{transform:translate3d(-8%,9%,0) scale(1.12)}}
@keyframes bz-curtains{0%{transform:translate3d(-2.5%,0,0)}100%{transform:translate3d(3.5%,0,0)}}
@keyframes bz-word-in{to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:760px){#bz-auth{grid-template-columns:1fr;min-height:0}#bz-auth .bz-panel{min-height:330px;margin:10px 10px 0}#bz-auth .bz-story{padding:30px 22px 42px}#bz-auth .bz-monogram{width:36px;height:36px;font-size:28px;letter-spacing:-2px;margin-bottom:14px}#bz-auth .bz-quote{height:20px;font-size:35px;margin-bottom:4px}#bz-auth .bz-copy{min-height:78px;font-size:32px;letter-spacing:-.7px}#bz-auth .bz-caption{margin:12px auto 13px;min-height:22px;font-size:12px}#bz-auth .bz-motion-toggle{bottom:13px;left:18px}#bz-auth .bz-form-side{min-height:570px;padding:40px 24px 75px}#bz-auth .bz-form-title{font-size:30px}#bz-auth .bz-input{font-size:16px}}
@media(prefers-reduced-motion:reduce){#bz-auth .bz-field,#bz-auth .bz-warmth,#bz-auth .bz-curtains{animation:none}#bz-auth .bz-copy,#bz-auth .bz-caption{transition:none}#bz-auth .bz-copy .bz-word{animation:none;opacity:1;transform:none;filter:none}}

/* Additions for the live page. */
body.auth-body{margin:0;background:#fff}
#bz-auth{min-height:100vh;min-height:100svh}
#bz-auth .bz-panel{min-height:calc(100svh - 24px)}
#bz-auth .bz-input::placeholder{color:#9a9e93}
#bz-auth .bz-form-top{position:absolute;top:20px;right:24px}
#bz-auth .bz-logo{display:block;color:var(--bz-ink);text-decoration:none}
#bz-auth .bz-plan-note{margin:-8px 0 22px;padding:10px 12px;border:1px solid #e1e4c8;border-radius:7px;background:#f6f7ec;color:#4d5a3b;font-size:12px;line-height:1.6;text-align:center}
#bz-auth .bz-plan-note[hidden],#bz-auth .bz-error[hidden]{display:none}
#bz-auth .bz-error{margin:4px 0 0;padding:9px 12px;border:1px solid #e6c8ba;border-radius:6px;background:#f6e9df;color:#8c3933;font-size:12px;line-height:1.6}
#bz-auth .bz-submit{cursor:pointer;transition:background .2s}
#bz-auth .bz-submit:hover{background:#4f6041}
#bz-auth .bz-submit:disabled{opacity:.65;cursor:default}
#bz-auth .bz-switch{cursor:pointer}
#bz-auth .bz-dot,#bz-auth .bz-motion-toggle{cursor:pointer}
#bz-auth .bz-strength span{transition:background .2s}
#bz-auth .bz-strength span:first-child,#bz-auth .bz-strength span:nth-child(2){background:#e9ebe5}
#bz-auth .bz-strength[data-score="1"] span:nth-child(-n+1){background:#e0b45c}
#bz-auth .bz-strength[data-score="2"] span:nth-child(-n+2){background:#f2d45c}
#bz-auth .bz-strength[data-score="3"] span{background:#a1ad62}
#bz-auth .bz-legal a{color:inherit;text-decoration:none}
#bz-auth .bz-legal a:hover{color:var(--bz-ink);text-decoration:underline;text-underline-offset:3px}
/* Verification code step after sign-up. */
#bz-auth form[hidden],#bz-auth .bz-account-switch[hidden]{display:none}
#bz-auth .bz-code-input{min-height:52px;padding:10px 11px 10px 21px;font-family:'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;font-size:24px;font-weight:600;letter-spacing:10px;text-align:center}
#bz-auth .bz-code-input::placeholder{color:#d3d6cb}
#bz-auth .bz-verify-status{margin:4px 0 0}
#bz-auth .bz-sep{margin:0 6px;color:#b4b8ab}
#bz-auth .bz-switch:disabled{opacity:.5;cursor:default}
@media(max-width:760px){#bz-auth .bz-panel{min-height:330px}#bz-auth .bz-form-top{top:16px;right:16px}}

.bz-forgot{display:inline-block;margin:-4px 0 0;background:transparent;border:0;padding:4px 0;font-size:12px;color:#73804f;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.bz-forgot:hover{color:#2d342a}

/* Brand mark on the sign-in page. */
#bz-auth .bz-logo{display:block;width:60px;height:57px;margin:0 auto 29px;background:url(/brand/bozran-b.png) center/contain no-repeat;text-indent:-9999px;overflow:hidden;white-space:nowrap}