*{box-sizing:border-box} :root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#19231d;background:#fafbf7;font-synthesis:none}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #54801b;outline-offset:5px}.login-shell{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:1.05fr 1fr}.story{background:#13281f;color:#f8fff0;padding:52px clamp(32px,5.2vw,84px) 30px;display:flex;flex-direction:column;position:relative;overflow:hidden}.story:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0 100%,#4b723227,transparent 65%);pointer-events:none}.brand{display:flex;align-items:center;gap:18px;position:relative}.brand span{font-size:12px;border-left:1px solid #56705e;padding-left:18px;color:#b9c9be}.story-content{margin:auto 0;padding:58px 0;position:relative;max-width:500px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.65px;display:flex;align-items:center;gap:9px;margin:0 0 24px;color:#c4d2c6}.eyebrow>span{width:6px;height:6px;background:#c7f36b;border-radius:50%}h1{font-size:clamp(54px,5.3vw,82px);letter-spacing:-4px;line-height:1.04;font-weight:500;margin:0}h1 em{font-style:normal;color:#cbf681}.story-description{font-size:15px;line-height:1.8;color:#b7c9bd;margin:26px 0 36px}.preview{border:1px solid #47604d;border-radius:16px;background:#233c2e;padding:23px 26px 20px;max-width:420px;box-shadow:0 18px 48px #05160a22}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#e4eedd}.preview-top>span{display:flex;align-items:center;gap:9px}.preview-top i{width:7px;height:7px;border-radius:50%;background:#c7f36b}.preview-top small{font-size:8px;letter-spacing:1.2px;color:#bfd0c1;border:1px solid #536953;border-radius:4px;padding:4px 6px}.preview-value{font-size:62px;font-weight:500;letter-spacing:-3px;line-height:1;margin:24px 0 22px;display:flex;align-items:baseline;color:#d5faa1}.preview-value>span{font-size:28px;margin-left:3px;letter-spacing:-1px}.preview-value svg{margin-left:auto;align-self:center;color:#b9e77a}.progress-track{height:10px;border-radius:10px;background:#49604a;overflow:hidden}.progress-track>div{width:77%;height:100%;background:#c7f36b;border-radius:10px;transform-origin:left;animation:advance 1.1s ease-out}.preview-caption{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#c1cec0;margin-top:13px}.story-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:10px;color:#a9bdaf;letter-spacing:.1px}.story-footer>span:last-child{font-size:22px}.access{padding:36px clamp(32px,5vw,80px) 28px;display:flex;flex-direction:column;min-width:0}.access-top{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:9px;letter-spacing:1.15px;color:#737d72}.secure{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:0;white-space:nowrap}.access-content{width:100%;max-width:380px;margin:auto; padding:60px 0}.welcome-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:#eaf2de;border:1px solid #d9e6c6;border-radius:13px;font-size:27px;color:#39572a;margin-bottom:32px}.dark{color:#78816e;margin-bottom:12px;font-size:9px}h2{margin:0;font-size:35px;letter-spacing:-1.35px;font-weight:600;line-height:1.15}.intro{color:#778071;font-size:13px;line-height:1.7;margin:14px 0 32px}.field{margin-bottom:22px}label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}input:not([type=hidden]){width:100%;height:51px;border:1px solid #dce2d7;border-radius:8px;background:#fff;padding:0 15px;color:#233422;font-size:14px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#949b8d}input:focus{outline:none;border-color:#709244;box-shadow:0 0 0 3px #739c3e17}.password-wrap{position:relative}.password-wrap input{padding-right:78px}.password-wrap button{position:absolute;right:8px;top:7px;height:37px;padding:0 8px;border:0;background:transparent;color:#647257;font-size:10px;font-weight:600;border-radius:5px}.submit{width:100%;display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 20px;border:1px solid #b5df64;border-radius:8px;background:#c7f36b;color:#253b17;font-weight:650;font-size:13px;transition:background .15s,transform .15s;margin-top:28px}.submit:hover{background:#bce95f;transform:translateY(-1px)}.submit>span:last-child{font-size:21px}.submit:disabled{opacity:.65;cursor:wait;transform:none}.access-note{border-top:1px solid #e2e7dc;margin:32px 0 0;padding-top:22px;font-size:11px;color:#88917e;line-height:1.75}footer{font-size:9px;color:#84907b;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}footer a{color:#55694a;text-decoration:none}footer a:hover{text-decoration:underline}.error{border:1px solid #efccc1;background:#fff1ec;color:#9e3d28;padding:12px 14px;border-radius:8px;font-size:12px;line-height:1.6;margin-bottom:22px}@keyframes advance{from{transform:scaleX(.15)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:1500px){.story{padding-left:max(80px,calc((100vw - 1280px)/2))}.access{padding-right:max(80px,calc((100vw - 1280px)/2))}}@media(max-width:950px){.story{padding:36px 30px 26px}.access{padding:32px 30px 24px}h1{font-size:57px;letter-spacing:-3px}.access-top{font-size:8px;letter-spacing:.8px}.secure{font-size:9px}.story-description{font-size:13px}.preview{padding:20px}.story-footer{font-size:9px}h2{font-size:30px}}@media(max-width:700px){.login-shell{grid-template-columns:1fr}.story{padding:26px 26px 30px}.brand svg{width:132px;height:22px}.brand span{font-size:10px}.story-content{padding:30px 0 0}.story-content>.eyebrow,.story-description,.preview,.story-footer{display:none}h1{font-size:39px;letter-spacing:-1.8px;line-height:1.12}h1 br{display:none}h1 em{margin-left:5px}.access{padding:24px 26px}.access-content{padding:36px 0 32px;max-width:430px}.welcome-icon{display:none}.access-top{font-size:8px}.secure{font-size:9px}h2{font-size:30px}.intro{margin:12px 0 27px}input:not([type=hidden]){font-size:16px}.access-note{margin-top:27px;padding-top:18px}.access footer{padding-top:10px}}@media(max-width:360px){.story,.access{padding-left:20px;padding-right:20px}h1{font-size:34px}.access-top{letter-spacing:.35px}.secure{font-size:8px}h2{font-size:28px}}