.auth-screen{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);background:#f5f5f1;color:#252823}.auth-story{background:#193b32;color:#f4f5ee;min-height:100dvh;padding:35px clamp(30px,6vw,92px);display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate;overflow:hidden}.auth-story:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.1;background-image:repeating-linear-gradient(135deg,transparent 0 26px,#e8f0e8 27px,#e8f0e8 28px,transparent 29px 53px);mask-image:linear-gradient(130deg,#000,transparent 68%)}.auth-brand{color:#f4f5ee;width:max-content}.auth-brand .brand-mark{background:#e4b185;color:#243e31}.auth-story-copy{max-width:520px;padding:20px 0 10vh}.auth-eyebrow,.auth-overline{font:10px 'DM Mono',monospace;letter-spacing:1.2px;color:#b1c7b6}.auth-story-copy h1{font:500 56px/1.05 Newsreader,serif;margin:21px 0 16px;letter-spacing:0}.auth-story-copy p{font:17px/1.6 Newsreader,serif;color:#c3d0c3;max-width:350px;margin:0}.auth-story-foot{display:flex;align-items:center;gap:9px;font:10px 'DM Mono',monospace;color:#a9bdae}.auth-story-foot span{font-size:16px;color:#dfab84}.auth-main{display:flex;align-items:center;justify-content:center;padding:45px 30px}.auth-form{width:min(365px,100%)}.auth-overline{color:#728174;font-size:9px}.auth-form h2{font:500 34px Newsreader,serif;margin:12px 0 5px;letter-spacing:0}.auth-description{font-size:12px;color:#878d84;margin:0 0 28px;line-height:1.6}.auth-field{display:flex;flex-direction:column;gap:7px;margin:0 0 15px;color:#656b62;font-size:10px;font-weight:600}.auth-field input{height:42px;border:1px solid #dfe2da;border-radius:5px;background:#fff;padding:0 12px;font-size:12px;font-weight:400;outline:0;transition:border .15s,box-shadow .15s}.auth-field input::placeholder{color:#b0b4ac}.auth-field input:focus{border-color:#61917a;box-shadow:0 0 0 3px #61917a20}.auth-field[hidden]{display:none}.auth-submit{height:42px;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:#276d5d;border-radius:5px;color:#fff;font-size:11px;font-weight:600;margin:8px 0 8px;transition:background .15s,transform .15s}.auth-submit:hover{background:#1d5b4d;transform:translateY(-1px)}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-submit span{font-size:17px;font-weight:400}.auth-message{min-height:17px;color:#b24f3f;font-size:10px;margin:5px 0 8px}.auth-switch{display:block;margin:14px auto 0;color:#81877e;font-size:10px}.auth-switch b{color:#31715d;margin-left:3px;font-weight:600}.auth-notice{margin:30px 0 0;padding-top:13px;border-top:1px solid #e5e7e0;color:#9a9f96;font-size:9px;line-height:1.6}.auth-notice:before{content:'◉';font-size:10px;color:#6a967b;margin-right:7px}.sign-out-button{width:28px;height:28px;border-radius:5px;color:#878d84;font-size:16px;display:grid;place-items:center}.sign-out-button:hover{background:#e1e5dd;color:#315f4c}body.dark .auth-screen{background:#202522;color:#e6e8e2}body.dark .auth-main{background:#202522}body.dark .auth-field{color:#bdc4ba}body.dark .auth-field input{background:#282e2a;color:#e6e8e2;border-color:#414941}body.dark .auth-description,body.dark .auth-switch{color:#a5aca2}body.dark .auth-notice{border-color:#39413b;color:#9ca49a}body.dark .sign-out-button{color:#a2aaa0}body.dark .sign-out-button:hover{background:#343c36}@media(max-width:760px){.auth-screen{grid-template-columns:1fr;min-height:100dvh}.auth-story{min-height:245px;padding:22px 25px 20px}.auth-story-copy{padding:24px 0 0}.auth-story-copy h1{font-size:34px;margin:10px 0 7px}.auth-story-copy p{font-size:13px}.auth-story-foot{display:none}.auth-eyebrow{font-size:8px}.auth-main{padding:34px 23px 44px;align-items:flex-start}.auth-form h2{font-size:30px}.auth-description{margin-bottom:22px}}