:root{color-scheme:light;--ink:#203e35;--green:#214f43;--muted:#728078}*{box-sizing:border-box}body{margin:0;background:#fbfcf8;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}a{color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.story{position:relative;overflow:hidden;background:#eef3e7;padding:44px 10%;display:flex;flex-direction:column;border-right:1px solid #e1e7d9}.story:after{content:'';position:absolute;right:-160px;bottom:-260px;width:560px;height:560px;border:1px solid #dce6cf;border-radius:50%;pointer-events:none}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;width:fit-content}.brand>span{font-family:Georgia,serif;font-size:34px;font-weight:bold;letter-spacing:-1.4px}.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:2px;font-weight:400;margin-top:5px;color:#73816b}.story-copy{max-width:510px;margin:auto 0;padding:64px 0}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:bold;color:#758262;margin:0 0 22px}h1{font-family:Georgia,serif;letter-spacing:-2px;font-size:clamp(38px,4vw,62px);line-height:1.12;font-weight:400;margin:0 0 24px}.intro{font-size:15px;line-height:1.8;color:#6d7b68;max-width:370px}.preview{margin-top:38px;padding:21px;border-radius:19px;background:rgba(255,255,255,.75);border:1px solid white;box-shadow:0 18px 42px #31492c09;max-width:410px;transform:rotate(-2deg)}.preview-top{display:flex;gap:8px;align-items:center;font-size:10px;color:#71806c;padding-bottom:19px}.dot{height:7px;width:7px;background:#7a9a66;border-radius:50%}.spark{margin-left:auto;color:#a5b77e;font-size:20px}.bubble{padding:14px 16px;border-radius:12px;font-size:11px;line-height:1.5;max-width:88%}.customer{background:#f0f3e9;color:#5a6e52;border-bottom-left-radius:3px}.reply{margin:13px 0 0 auto;background:var(--green);color:white;border-bottom-right-radius:3px}.preview-bottom{display:flex;gap:15px;margin-top:23px;font-size:9px;color:#88917c}.preview-bottom span:before{content:'✓';margin-right:4px}.story-footer{font-size:10px;letter-spacing:.3px;color:#8b9580;margin:0 0 2px}.signin{padding:45px 10%;display:flex;flex-direction:column;align-items:center;justify-content:center}.card{width:100%;max-width:380px;margin:auto 0;padding:50px 0}.welcome-icon{display:grid;place-items:center;background:#eef3e7;width:48px;height:48px;border:1px solid #e2e9d9;border-radius:15px;font-size:25px;color:#748d5d;margin-bottom:28px}.card .eyebrow{margin-bottom:12px}h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-1px;font-size:33px;margin:0 0 12px}.subtitle{font-size:13px;color:var(--muted);margin:0 0 36px}label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}input{width:100%;border:1px solid #dce3d6;border-radius:9px;background:white;padding:15px 14px;color:var(--ink);outline:none;font-size:13px;min-height:48px}input:focus{border-color:#61816a;box-shadow:0 0 0 3px #214f4310}input::placeholder{color:#a1a99a;font-size:12px}.password-label{display:flex;align-items:center;justify-content:space-between;margin-top:23px}.password-label>span{font-size:10px;color:#9aa38f;margin-bottom:10px}.password-wrap{position:relative}.password-wrap input{padding-right:70px}.reveal{position:absolute;right:6px;top:6px;height:37px;padding:0 10px;color:#718466;background:transparent;border:0;border-radius:5px;font-size:11px;cursor:pointer}.reveal:hover{background:#f1f5e9}.error{color:#9f3d33;font-size:12px;line-height:1.5;margin:12px 0;min-height:18px}.submit{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 20px;border:0;background:var(--green);color:white;border-radius:9px;cursor:pointer;font-weight:bold;font-size:13px;box-shadow:0 6px 15px #214f4314}.submit:hover{background:#183f34}.submit:disabled{opacity:.65;cursor:wait}.submit span{font-size:18px}.secure{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:25px;font-size:10px;color:#7e8b72}.secure>span{font-size:17px}.help{text-align:center;font-size:10px;line-height:1.8;color:#a0a892;max-width:290px;margin:15px auto 0}.signin footer{font-family:Georgia,serif;font-size:11px;color:#94a086;text-align:center}.signin footer span{padding:0 7px}button:focus-visible,a:focus-visible{outline:3px solid #96ac73;outline-offset:3px}@media(max-width:850px){.story{padding:35px 7%}.signin{padding:35px 7%}h1{font-size:40px}.preview{padding:15px}}@media(max-width:650px){.shell{display:block}.story{padding:24px 25px;border:0;border-bottom:1px solid #e1e7d9}.story-copy,.story-footer{display:none}.brand img{width:42px;height:42px}.brand>span{font-size:29px}.brand small{font-size:8px}.signin{min-height:calc(100svh - 100px);padding:25px}.card{padding:16px 0 32px}.welcome-icon{margin-bottom:23px}.signin footer{padding-bottom:10px}h2{font-size:31px}}