*{box-sizing:border-box}body{margin:0;background:#f7f8f3;color:#193d35;font:16px/1.55 system-ui,-apple-system,sans-serif}main{min-height:100svh;display:grid;grid-template-columns:1.15fr 1fr;max-width:1500px;margin:auto}.story{padding:48px;background:#123e37;color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.brand{font-weight:800;letter-spacing:2px;color:#d7ed94;text-decoration:none;margin-bottom:52px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800}h1{font-size:clamp(32px,4vw,58px);line-height:1.08;letter-spacing:-2px;margin:16px 0}h2{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:15px 0}.story p{max-width:450px;color:#d1ded9}.story img{width:100%;max-height:350px;object-fit:cover;border-radius:20px;margin:20px 0}.facts{display:flex;flex-wrap:wrap;gap:10px;font-size:12px}.facts span{border:1px solid #ffffff33;border-radius:99px;padding:6px 10px}.panel{padding:60px clamp(24px,5vw,80px);align-self:center;width:100%;max-width:650px;margin:auto}.panel p{color:#62756d}.tabs{display:flex;gap:5px;background:#e8ede5;border-radius:12px;padding:5px;margin:26px 0}.tabs button{flex:1;background:transparent;border:0;padding:12px 5px;font-weight:650;border-radius:9px;color:#36564b}.tabs .active{background:white;box-shadow:0 2px 6px #193d3510}label{display:block;font-weight:650;font-size:14px;margin:20px 0 7px}input:not([type=checkbox]){width:100%;padding:14px;border:1px solid #c7d1c4;border-radius:10px;background:white;font:inherit;color:#193d35}input:focus{outline:3px solid #b6d48c;outline-offset:2px}small{display:block;color:#748177;font-size:12px;margin-top:6px}button{font:inherit;cursor:pointer;min-height:44px}button:disabled{opacity:.5;cursor:default}.primary,.secondary{border:0;border-radius:10px;padding:14px 18px;width:100%;font-weight:700;margin:10px 0}.primary{background:#123e37;color:#fff}.secondary{background:#e4edda;color:#193d35}.text{background:none;border:0;color:#42683d;padding:10px 0;text-decoration:underline}.note{font-size:12px;line-height:1.6}.error{color:#a22c2c!important;font-size:14px;min-height:1em}code{display:block;overflow-wrap:anywhere;padding:18px;background:#e8eedf;border-radius:12px;font-size:18px;margin:24px 0}.check{display:flex;gap:10px;align-items:center}.check input{width:20px;height:20px;flex-shrink:0}[hidden]{display:none!important}@media(max-width:760px){main{display:block}.story{padding:25px 24px 30px}.brand{margin-bottom:25px;font-size:13px}.story h1{font-size:34px}.story img{display:none}.story p{font-size:14px;margin:4px 0 16px}.facts{font-size:10px;gap:5px}.panel{padding:30px 24px 45px}.panel h2{font-size:27px}}

.brand{display:flex;align-items:center;gap:10px;letter-spacing:-.5px;font-size:26px;font-weight:700}.brand img{border-radius:10px}

#registration-preview{text-align:center;margin:16px 0}#registration-preview svg{width:110px;height:110px}#registration-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:16px 0}#registration-presets button{padding:4px;border:1px solid #cbd9c5;background:#f3f6ed;border-radius:12px}#registration-presets svg{width:100%;height:auto}#registration-sliders label{display:block;font-size:13px}#registration-sliders output{float:right;color:#537763}#registration-sliders input{accent-color:#194e43;padding:0;border:0;width:100%}.avatar-step>label,.avatar-step>input,.avatar-step>small,.avatar-step>#confirm-field{display:none}#registration-avatar[hidden]{display:none}#registration-avatar details{border:1px solid #d5dfce;padding:12px;border-radius:12px}#registration-avatar summary{cursor:pointer}