:root{--ink:#18392f;--green:#0d5a43;--orange:#ee6a3b;--lime:#d9ed91;--line:#dde0d9;--muted:#6d7974}*{box-sizing:border-box}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fbfaf6}main{min-height:100vh;display:grid;grid-template-columns:45% 55%}.story{background:var(--ink);color:white;padding:50px 5vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.story:after{content:"✦";position:absolute;font-size:500px;color:rgba(217,237,145,.05);right:-100px;bottom:-180px}.logo{font:800 27px Manrope;text-decoration:none;color:white;display:flex;align-items:center;gap:8px;z-index:1}.logo span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--orange);font-style:italic}.kicker{font-size:10px;letter-spacing:2px;color:var(--lime);font-weight:800}.story h1{font:800 clamp(40px,4vw,62px)/1.04 Manrope;letter-spacing:-3px;margin:18px 0}.story h1 em{color:var(--orange);font-style:normal}.story p{color:#b7c7c1;max-width:480px;line-height:1.7}.story small{color:#80958e}.auth-panel{display:grid;place-items:center;padding:40px}.auth-box{width:min(450px,100%)}.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin-bottom:30px}.tabs button{border:0;background:none;padding:14px;color:var(--muted);font-weight:700;cursor:pointer;border-bottom:3px solid transparent}.tabs button.active{color:var(--ink);border-color:var(--orange)}h2{font:800 34px Manrope;letter-spacing:-2px;margin:0 0 7px}.intro{color:var(--muted);font-size:13px;margin:0 0 26px}.form{display:grid;gap:15px}.form label{font-size:11px;font-weight:700}.form input,.form select,.form textarea{display:block;width:100%;padding:13px;margin-top:6px;border:1px solid var(--line);background:white}.form textarea{min-height:70px}.role-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.role{border:1px solid var(--line);padding:14px;cursor:pointer}.role:has(input:checked){border-color:var(--green);background:#edf4ee}.role input{width:auto;display:inline;margin:0 7px 0 0}.submit{border:0;background:var(--green);color:white;padding:14px;font-weight:700;cursor:pointer;margin-top:8px}.submit:disabled{opacity:.6}.error{background:#fae4dc;color:#9b3d20;padding:11px;font-size:12px;display:none}.error.show{display:block}.demo{border:1px dashed #c8cec8;background:#f3f1e8;padding:14px;margin-top:25px;display:grid;gap:4px;font-size:11px}.demo strong{font-size:12px}.demo span{color:var(--muted)}.demo button{justify-self:start;border:0;background:none;color:var(--orange);padding:5px 0 0;font-weight:700;cursor:pointer}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:12px 18px;opacity:0;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:800px){main{grid-template-columns:1fr}.story{min-height:330px;padding:30px 25px}.story small{display:none}.auth-panel{padding:40px 20px}.story h1{margin:12px 0}.story p{margin-bottom:0}}