*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Poppins,Arial,sans-serif;color:#16351f}body{background:linear-gradient(135deg,#f7fff2,#fffef3);overflow-x:hidden}.register-page{min-height:100vh;display:grid;place-items:center;padding:24px}.register-card{width:min(100%,460px);background:#fff;border:1px solid #e3eedf;border-radius:28px;padding:34px;box-shadow:0 20px 55px rgba(45,105,52,.12)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#17351f;font-weight:800;font-size:20px;margin-bottom:28px}.brand img{width:48px;height:48px;object-fit:contain;border-radius:13px}.heading{text-align:center;margin-bottom:25px}.eyebrow{display:inline-block;color:#4fa83e;background:#eef9e9;border-radius:99px;padding:6px 11px;font-size:10px;font-weight:800}.heading h1{margin:11px 0 6px;font-size:29px}.heading p{margin:0;color:#718075;font-size:13px;line-height:1.6}form{display:grid;gap:7px}label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#304237;margin-top:7px}input{width:100%;border:1.5px solid #dce8d9;border-radius:12px;padding:12px 13px;font:inherit;font-size:13px;outline:none;background:#fbfefa}input:focus{border-color:#55b94f;box-shadow:0 0 0 3px #eaf8e7}.error{min-height:16px;color:#d64c46;font-size:10px;font-weight:600}button{margin-top:7px;border:0;border-radius:13px;padding:13px;background:#55b94f;color:#fff;font:800 13px Poppins;cursor:pointer;box-shadow:0 7px 16px rgba(85,185,79,.22)}button:hover{background:#439d3e}button:disabled{opacity:.65;cursor:wait}.login-link{text-align:center;color:#77847a;font-size:12px;margin:22px 0 0}.login-link a{color:#4d9e3d;font-weight:800;text-decoration:none}@media(max-width:480px){.register-page{padding:14px}.register-card{padding:25px 20px;border-radius:22px}.heading h1{font-size:25px}.brand{margin-bottom:22px}}
.role-switch{display:flex;background:#f1f8ef;border:1.5px solid #dce8d9;border-radius:14px;padding:4px;gap:5px;margin-bottom:20px}
.role-switch .role-tab{flex:1;margin-top:0;border:0;background:transparent;padding:10px 12px;border-radius:10px;font:700 12px Poppins,Arial,sans-serif;color:#5a6e60;cursor:pointer;transition:all .2s ease;box-shadow:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;line-height:1.2}
.role-switch .role-tab:hover{color:#17351f;background:rgba(85,185,79,.1)}
.role-switch .role-tab.active{background:#55b94f;color:#fff!important;box-shadow:0 4px 12px rgba(85,185,79,.25)}
.field-group{display:grid;gap:7px}
.code-preview{display:flex;align-items:center;justify-content:space-between;background:#f2faf0;border:1px dashed #9fd497;border-radius:10px;padding:8px 12px;margin-top:4px;font-size:11px;color:#355a3d}
.code-badge{font-size:13px;font-weight:800;letter-spacing:1px;color:#2c7d24;background:#fff;padding:2px 8px;border-radius:6px;border:1px solid #c9e8c4}