body.signup-body{background:#f8fcfa}.signup-shell{display:grid;grid-template-columns:minmax(340px,.95fr) minmax(0,1.05fr);min-height:calc(100vh - 28px);max-width:1600px;margin:auto}.signup-story{background:radial-gradient(ellipse at 0 100%,#2b604b80,transparent 60%),linear-gradient(145deg,#163f2f,#113225);color:white;padding:48px clamp(32px,5vw,80px);display:flex;flex-direction:column;position:relative;overflow:hidden}.signup-story::after{content:"";width:500px;height:500px;border:1px solid #ffffff0c;border-radius:50%;position:absolute;right:-350px;top:100px;pointer-events:none}.signup-story .brand{font-size:30px;color:white}.story-main{margin:90px 0 55px}.story-main .eyebrow{color:#a3c9c8;font-size:9px;letter-spacing:1.8px}.story-main h1{font-size:clamp(39px,4vw,60px);font-weight:500;letter-spacing:-2.6px;line-height:1.1;margin:25px 0}.story-main h1>span{color:#a6e8ce}.story-main>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#bcdcd0;max-width:370px}.story-points{display:grid;gap:23px;margin-top:42px}.story-points>div{display:flex;align-items:center;gap:17px}.story-points>div>span{font-size:10px;color:#a2d7c9;border:1px solid #ffffff25;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}.story-points p{margin:0}.story-points strong{display:block;font-size:13px;font-weight:550;color:#eef6f3}.story-points small{display:block;font-size:11px;margin-top:5px;color:#aad6c5}.story-footer{margin-top:auto;font-size:10px;color:#9ac9b7;letter-spacing:.4px}.signup-panel{padding:37px clamp(26px,5vw,80px);background:#fff;display:flex;flex-direction:column}.signup-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#5e907d}.signup-top a{min-height:35px;display:flex;align-items:center}.signup-content{width:100%;max-width:465px;margin:49px auto 0}.signup-content>.eyebrow{font-size:8px;letter-spacing:1.6px;color:#679b87;margin-bottom:13px}.signup-content h2,.signup-success h2{font-size:32px;line-height:1.15;letter-spacing:-1.2px;font-weight:550;margin:0 0 15px}.signup-intro{font-size:13px;color:#608f7d;line-height:1.8;margin-bottom:27px}.kind-selector{border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.kind-selector legend{font-size:12px;color:#538a75;margin-bottom:12px}.kind-selector label{display:flex;align-items:center;gap:10px;border:1px solid #ddeee7;padding:13px 12px;border-radius:10px;margin:0;cursor:pointer}.kind-selector label:has(input:checked){border-color:#9adbc2;background:#f6fbf9;box-shadow:0 0 0 1px #e7f3ee}.kind-selector input{width:15px;min-height:0;height:15px;accent-color:#008253;margin:0;flex:none}.kind-selector strong{font-size:12px;font-weight:600;display:block}.kind-selector small{font-size:9px;color:#609882;display:block;margin-top:3px}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.signup-content form input:not([type=radio]):not([type=checkbox]){width:100%;font-size:13px;min-height:46px;margin:0}.signup-content form label{font-size:12px;margin:20px 0 8px}.signup-content form .kind-selector label{margin:0}.optional{float:right;font-size:10px;color:#789d8f;font-weight:400}.signup-content .field-help{font-size:10px;margin:8px 0 0}.signup-content .consent{display:flex;align-items:flex-start;gap:11px;font-size:11px;line-height:1.8;font-weight:400;margin:23px 0 8px}.consent input{width:16px;height:16px;min-height:0;flex:none;accent-color:#008253;margin:3px 0 0}.signup-note{font-size:10px;line-height:1.9;color:#659482;background:#f6fbf9;padding:13px 15px;border-radius:9px;margin-top:18px}.signup-bottom{max-width:465px;width:100%;margin:25px auto 0;padding-top:22px;border-top:1px solid #e9f4f0;font-size:11px;color:#6a9685;text-align:center}.signup-bottom a{color:#008253;font-weight:550}.signup-success{max-width:440px;width:100%;margin:100px auto auto}.signup-success>.eyebrow{font-size:9px;color:#658b7c;margin:25px 0 14px}.signup-success>p:not(.eyebrow){color:#5b8e7a;font-size:14px;line-height:1.8}.signup-success .button{margin:20px 0 10px}.success-circle{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#e3f6ed;color:#3b8668;font-size:28px}.signup-error{font-size:12px}@media(max-width:950px){.signup-story{padding:36px}.story-main{margin-top:70px}.story-main h1{font-size:43px}.signup-panel{padding-left:30px;padding-right:30px}.signup-content h2{font-size:29px}.kind-selector small{font-size:9px}}@media(max-width:700px){.signup-shell{grid-template-columns:1fr}.signup-story{padding:24px 23px 29px}.signup-story .brand{font-size:26px}.story-main{margin:27px 0 0}.story-main .eyebrow{font-size:8px;letter-spacing:1.5px}.story-main h1{font-size:35px;letter-spacing:-1.5px;margin:16px 0}.story-main h1 br{display:none}.story-main>p:not(.eyebrow){font-size:12px;line-height:1.8;margin-bottom:0}.story-points,.story-footer{display:none}.signup-panel{padding:20px 23px 35px}.signup-content{margin-top:26px;max-width:480px}.signup-content h2{font-size:28px}.signup-intro{font-size:12px}.signup-content form label{font-size:12px}.kind-selector{gap:10px}.kind-selector label{padding:13px 10px;gap:8px}.kind-selector small{font-size:8px}.name-fields{gap:12px}.signup-success{margin:45px auto}.signup-top{font-size:11px}.signup-note{font-size:10px}.signup-bottom{font-size:10px}}@media(max-width:360px){.name-fields{grid-template-columns:1fr;gap:0}.signup-panel{padding-left:19px;padding-right:19px}.kind-selector{grid-template-columns:1fr}}
/* Clearly delineated form controls, including keyboard and error states. */
body.signup-body .signup-content form input:not([type=radio]):not([type=checkbox]){background:#f3f9f7;border:1.5px solid #87b4a2;border-radius:9px;box-shadow:inset 0 1px 2px #1d513d06;min-height:50px;color:#1f5842;padding:13px 14px}
body.signup-body .signup-content form input:not([type=radio]):not([type=checkbox]):hover{border-color:#52977c;background:#eff7f4}
body.signup-body .signup-content form input:not([type=radio]):not([type=checkbox]):focus{border-color:#008253;background:#fff;outline:3px solid #dfefe9;outline-offset:2px;box-shadow:none}
body.signup-body .signup-content form input::placeholder{color:#588976;opacity:1}
body.signup-body .signup-content form label,body.signup-body .kind-selector legend{color:#347059;font-weight:600}
body.signup-body .kind-selector label{border:1.5px solid #8bb5a5;background:#f4f9f7;min-height:67px}
body.signup-body .kind-selector label:has(input:checked){border:1.5px solid #008253;background:#f1f8f5;box-shadow:0 0 0 1px #0082531c}
body.signup-body .kind-selector input{width:17px;height:17px;accent-color:#008253}
body.signup-body .consent input{width:18px;height:18px;accent-color:#008253;outline:1px solid #87b4a2;outline-offset:1px;border-radius:2px}
body.signup-body .signup-content .consent{font-weight:400;color:#437c66}
body.signup-body #country{display:block;width:100%;min-height:50px;padding:12px 14px;border:1.5px solid #87b4a2;border-radius:9px;background:#f3f9f7;color:#1f5842;font-size:13px}
body.signup-body #country:focus{background:white;border-color:#008253;outline:3px solid #dfefe9;outline-offset:2px}