:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#16332b;background:#f5f7f2;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.login-shell{display:grid;grid-template-columns:minmax(430px,1.04fr) minmax(420px,.96fr);min-height:100vh}
.story{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:38px clamp(36px,5vw,82px);background:radial-gradient(circle at 78% 4%,#2b6757 0,transparent 37%),linear-gradient(142deg,#173f38,#102d32 70%);color:#fff}.story:before,.story:after{content:"";position:absolute;border:1px solid #d6efa51b;border-radius:50%;width:510px;height:510px;right:-220px;top:5%;box-shadow:0 0 0 72px #d6efa509,0 0 0 145px #d6efa506}.story:after{width:330px;height:330px;right:auto;left:-250px;top:auto;bottom:-190px;box-shadow:0 0 0 75px #d6efa509}
.brand{position:relative;z-index:1;display:inline-flex;align-items:center;gap:11px;color:inherit;text-decoration:none;width:max-content}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#d7f384;color:#15392d;font-size:23px;font-weight:900;letter-spacing:-.08em}.brand strong{display:block;font-size:16px;letter-spacing:-.04em}.brand small{display:block;margin-top:3px;color:#a6c7bc;font-size:9px;font-weight:800;letter-spacing:.19em}
.story-content{position:relative;z-index:1;margin:auto 0;max-width:600px;padding:65px 0 42px}.eyebrow{margin:0 0 13px;color:#a8dc9f;font-size:10px;font-weight:850;letter-spacing:.2em}.story h1{font-size:clamp(46px,5vw,76px);line-height:1.04;letter-spacing:-.075em;margin:0 0 19px}.story h1 em{color:#d7f384;font-style:normal}.story-copy{max-width:440px;margin:0;color:#c0d8d0;line-height:1.65;font-size:15px}.story-foot{position:relative;z-index:1;margin:0;color:#92b4a7;font-size:11px}
.signal-card{width:min(430px,100%);margin-top:49px;border:1px solid #87b49b45;border-radius:16px;padding:19px 21px 17px;background:#d5f2d50a;box-shadow:0 24px 50px #0b211e38;backdrop-filter:blur(6px)}.signal-card-top,.signal-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#a7c7b7;font-size:9px;font-weight:800;letter-spacing:.15em}.live-dot{color:#d5ec9f}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;margin:0 7px 1px 0;border-radius:50%;background:#d7f384;box-shadow:0 0 0 4px #d7f38421}.signal-chart{height:110px;position:relative;margin:17px 0 13px;overflow:hidden}.grid-line{position:absolute;left:0;right:0;border-top:1px dashed #92b7a82a}.grid-line.one{top:10%}.grid-line.two{top:50%}.grid-line.three{top:90%}.chart-line{position:absolute;inset:8% 0 10%;background:#b7efaa;clip-path:polygon(0 83%,8% 72%,16% 77%,24% 50%,32% 60%,40% 45%,48% 52%,56% 29%,64% 40%,72% 21%,80% 27%,88% 12%,100% 4%,100% 8%,88% 16%,80% 31%,72% 25%,64% 44%,56% 33%,48% 56%,40% 49%,32% 64%,24% 54%,16% 81%,8% 76%,0 87%)}.chart-point{position:absolute;right:0;top:10%;width:8px;height:8px;border-radius:50%;background:#d7f384;box-shadow:0 0 0 6px #d7f3842a}.signal-card-bottom{justify-content:flex-start;color:#d2e7db}.signal-card-bottom b{color:#a6cdab;font-size:14px}
.form-side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 30px}.login-card{width:min(400px,100%)}.lock-mark{width:48px;height:48px;display:grid;place-items:center;margin-bottom:34px;border-radius:14px;background:#e4f3df;color:#2a7052;font-size:26px;font-weight:700}.form-side .eyebrow{color:#418267}.login-card h2{margin:0 0 9px;font-size:34px;letter-spacing:-.055em;line-height:1.12}.form-intro{margin:0 0 31px;color:#74897e;font-size:14px;line-height:1.5}.login-card label{display:block;color:#264a3a;font-weight:750;font-size:12px;margin-bottom:9px}.login-card input:not([type=hidden]){display:block;width:100%;height:48px;padding:0 14px;border:1px solid #cfddd2;border-radius:10px;background:#fff;color:#19372b;outline:none;transition:border-color .15s,box-shadow .15s}.login-card input:focus{border-color:#58a476;box-shadow:0 0 0 3px #69af8429}.password-label{margin-top:22px}.password-field{position:relative}.password-field input{padding-right:72px!important}.password-field button{position:absolute;right:8px;top:7px;height:34px;padding:0 10px;background:transparent;border:0;color:#357754;font-size:12px;font-weight:800}.submit{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:26px;padding:14px 17px;background:#d8f17e;border:0;border-radius:10px;color:#193b2b;font-weight:850;box-shadow:0 9px 20px #3e77421a}.submit:hover{background:#c8e967}.submit:focus-visible,.password-field button:focus-visible{outline:3px solid #44835a;outline-offset:2px}.submit span{font-size:19px;line-height:12px}.help{margin:23px 0 0;padding-top:21px;border-top:1px solid #e3eae2;color:#81948a;font-size:12px;line-height:1.6}.error{margin:0 0 19px;padding:12px 14px;border:1px solid #e9b9ac;border-radius:9px;background:#fff0e9;color:#9e4339;font-size:12px;line-height:1.5}.form-foot{margin:44px 0 0;color:#96a79b;font-size:11px}.form-foot span{margin:0 6px;color:#b7c5b9}
@media(max-width:850px){.login-shell{grid-template-columns:1fr}.story{min-height:255px;padding:25px 30px}.story-content{padding:35px 0 10px;margin:0}.story h1{font-size:38px;margin-bottom:10px}.story-copy{font-size:13px}.signal-card,.story-foot{display:none}.form-side{padding:42px 25px 55px}.lock-mark{margin-bottom:25px}}@media(max-width:480px){.story{min-height:240px}.brand-mark{width:35px;height:35px}.story h1{font-size:35px}.login-card h2{font-size:30px}.form-side{justify-content:flex-start}.form-foot{margin-top:45px}}