*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',Arial,sans-serif;background:#f5faf8;color:#102b21;display:grid;grid-template-columns:49% 51%;min-height:100vh}a{color:#007756;text-decoration:none}a:hover{text-decoration:underline}.skip{position:absolute;left:12px;top:-80px;background:white;padding:12px;z-index:2}.skip:focus{top:12px}.signup-story{background:radial-gradient(ellipse at 0 110%,#536344 0,transparent 38%),#003e2c;color:#f5faf8;padding:48px;display:flex;flex-direction:column;min-height:100vh}.logo img{width:145px;filter:brightness(0) invert(1)}.story-content{margin:auto 0;max-width:500px;padding:60px 0}.eyebrow{font:600 12px monospace;letter-spacing:1.4px;color:#abc5ba}.story-content h2{font-size:36px;line-height:1.25;margin:24px 0 34px;letter-spacing:-.8px}.story-content ul{padding:0;list-style:none;font-size:16px;line-height:1.6}.story-content li{padding-left:32px;position:relative;margin:14px 0}.story-content li:before{content:'✓';position:absolute;left:0;top:3px;border-radius:50%;background:#00825e;width:20px;height:20px;font-size:13px;text-align:center;line-height:20px}.platform-box{margin-top:40px;background:#ffffff0d;border:1px solid #ffffff30;border-radius:12px;padding:20px;max-width:450px}.platform-box small{color:#b9d0c6}.platforms{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.platforms span{font-size:12px;border-radius:8px;background:#ffffff22;padding:10px}.story-foot{font-size:11px;line-height:1.6;color:#a4bdb1;margin:0}.signup-form-side{padding:38px 40px;display:flex;flex-direction:column}.signup-form-side nav{text-align:right;font-size:13px;color:#50695f}.signup-form-side main{width:100%;max-width:448px;margin:auto;padding:65px 0}h1{font-size:36px;letter-spacing:-.8px;margin:0 0 12px}.intro{font-size:15px;color:#50695f;line-height:1.6;margin:0 0 36px}label{display:block;font-size:14px;font-weight:500}label span{font-weight:400;color:#50695f}input{display:block;width:100%;height:45px;border:1px solid #d2e1db;border-radius:6px;background:transparent;padding:12px;color:#102b21;box-shadow:0 1px 3px #1232;font:inherit;margin-top:5px}input:focus{outline:2px solid #008664;outline-offset:2px}.name-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}form>label{margin-top:24px}.password-wrap{position:relative}.password-wrap input{padding-right:48px}.reveal{position:absolute;right:4px;top:4px;background:none;border:0;color:#50695f;height:38px;width:38px;cursor:pointer}.password-meter{height:4px;background:#e0eee7;margin:8px 0}.password-meter span{display:block;height:100%;background:#008664;width:0}#password-hint{color:#50695f;font-size:12px}.confirmation{margin-top:26px}.submit{width:100%;margin-top:20px;padding:16px;border:0;border-radius:6px;background:#007756;color:white;font:600 14px 'DM Sans',Arial,sans-serif;cursor:pointer}.submit:hover{background:#005c43}.submit span{margin-left:10px}.reassurance{text-align:center;color:#50695f;font-size:12px;margin-top:20px}.notice{background:#e0f3ea;padding:18px;border-radius:8px;line-height:1.5;margin-bottom:20px}.error{background:#fff0ed;color:#9e3021}button:focus-visible,a:focus-visible{outline:3px solid #2ca781;outline-offset:3px}@media(min-width:1500px){.story-content{max-width:500px}.signup-form-side main{padding:100px 0}}@media(max-width:850px){body{grid-template-columns:1fr}.signup-story{min-height:auto;padding:28px}.story-content{padding:24px 0;max-width:none}.story-content h2{font-size:28px;margin:16px 0}.platform-box,.story-foot{display:none}.story-content ul{font-size:14px}.signup-form-side{padding:24px}.signup-form-side main{padding:32px 0}.signup-form-side nav{text-align:left}h1{font-size:30px}}@media(max-width:420px){.name-row{grid-template-columns:1fr;gap:20px}}

.notice a.submit{display:inline-block;width:auto;text-decoration:none;margin-top:4px}
