*{box-sizing:border-box}body{margin:0;background:#fafbf7;color:#193a32;font-family:Arial,sans-serif}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}.signin-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100svh}.signin-story{background:#193a32;color:#f4f7e9;padding:48px 64px;display:flex;flex-direction:column;min-height:100svh}.jr-brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;letter-spacing:1px;color:inherit;text-decoration:none}.jr-brand>span:last-child{color:#c7dc97;margin-left:-10px}.jr-mark{background:#c7dc97;color:#193a32;padding:12px 9px;border-radius:11px;font-size:16px;letter-spacing:-1px}.story-copy{margin:auto 0;max-width:450px;padding:65px 0}.overline{font-size:10px;letter-spacing:2.5px;color:#d0dfa9;font-weight:bold}.story-copy h1{font-size:clamp(45px,5vw,76px);line-height:1.08;letter-spacing:-3px;white-space:pre-line;margin:24px 0}.story-copy>p:not(.overline){max-width:330px;font-size:16px;line-height:1.7;color:#cad5c4}.story-plan{margin-top:44px;border:1px solid #61775b;display:grid;grid-template-columns:repeat(3,1fr);border-radius:12px;overflow:hidden;transform:rotate(-2deg)}.story-plan span{padding:15px;font-size:9px;letter-spacing:2px;color:#aebfaa;border-right:1px solid #61775b}.story-plan i{font-style:normal;font-size:9px;font-weight:bold;padding:22px 12px;background:#cadf9e;color:#254632;margin:4px;border-radius:5px}.story-plan i:nth-last-child(2){background:#96b2bf}.story-plan i:last-child{background:#304f43;color:#d8e7c6}.story-foot{font-size:11px;color:#b4c4a8;margin-bottom:0}.signin-panel{padding:42px 60px;display:flex;flex-direction:column}.auth-top{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:9px;font-weight:bold;letter-spacing:1px;color:#78856e}.auth-top select{padding:9px;background:transparent;border:1px solid #dde3d3;border-radius:7px;font-size:12px;color:#193a32}.signin-card{width:100%;max-width:370px;margin:auto; padding:55px 0}.welcome-icon{font-size:25px;border:1px solid #dce5d0;border-radius:12px;width:50px;height:50px;display:grid;place-items:center;background:#edf3e3;margin-bottom:25px}.signin-card h2{font-size:33px;letter-spacing:-1.1px;margin:0 0 12px}.auth-subtitle{font-size:13px;line-height:1.7;color:#7a866e;margin-bottom:32px}.signin-card label{display:block;font-size:12px;font-weight:bold;margin:18px 0 9px}.signin-card input{border:1px solid #d9e0d0;border-radius:8px;padding:14px;width:100%;background:white;color:#193a32;font-size:16px;min-width:0}.signin-card input:focus{outline:2px solid #8da776;outline-offset:2px}.password-label{display:flex;align-items:center;justify-content:space-between}.auth-link{color:#667b4c;border:0;background:none;font-size:11px;padding:0}.password-input{position:relative}.password-input input{padding-right:64px}.password-input button{position:absolute;right:12px;top:15px;border:0;background:none;color:#718263;font-size:12px}.signin-primary{width:100%;border:0;background:#193a32;color:#f7faef;padding:16px;border-radius:8px;margin-top:24px;font-weight:bold;font-size:14px;min-height:48px}.signin-primary:disabled{opacity:.55;cursor:wait}.invite-note{font-size:11px;line-height:1.7;text-align:center;color:#75806c;margin:23px 10px}.private-note{border-top:1px solid #e2e8d9;padding-top:23px;text-align:center;font-size:10px;color:#87917f}.auth-footer{display:flex;justify-content:space-between;font-size:10px;color:#8a947e;gap:10px}.auth-footer b{letter-spacing:1px}#authNotice{font-size:12px;line-height:1.6;background:#eef2e6;border:1px solid #dce4cf;padding:12px;border-radius:8px;margin-bottom:20px}#authNotice.error{background:#fff1eb;color:#8b3f27;border-color:#efcbbd}[hidden]{display:none!important}.auth-session{padding:20px;max-width:450px;margin:10vh auto;font-size:14px;line-height:1.8}.sync-alert{position:fixed;inset:0;background:#14332699;z-index:100;display:grid;place-items:center;padding:20px}.sync-alert>div{background:#fff;border-radius:12px;padding:28px;max-width:460px;line-height:1.6}.sync-alert button{padding:12px;margin:8px 5px 0 0}@media(max-width:850px){.signin-story{padding:35px}.signin-panel{padding:35px}.story-copy h1{font-size:52px}}@media(max-width:620px){.signin-layout{grid-template-columns:1fr}.signin-story{min-height:0;padding:24px}.story-copy,.story-foot{display:none}.jr-brand{font-size:21px}.jr-mark{padding:9px}.signin-panel{padding:25px;min-height:calc(100svh - 91px)}.auth-top>span{font-size:8px}.signin-card{padding:36px 0}.signin-card h2{font-size:30px}}