.mrh-page{position:relative;isolation:isolate;max-width:1180px;margin:0 auto;padding:36px 20px 60px;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#333}
.mrh-background-shape{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);opacity:.65;pointer-events:none}
.mrh-shape-top{width:330px;height:330px;right:-120px;top:-80px;background:radial-gradient(circle,#fff0df 0%,rgba(255,240,223,0) 70%)}
.mrh-shape-bottom{width:360px;height:360px;left:-150px;bottom:-80px;background:radial-gradient(circle,#eee7ff 0%,rgba(238,231,255,0) 70%)}
.mrh-header{text-align:center;margin-bottom:22px}
.mrh-header h1{margin:0 0 8px;font-size:32px;line-height:1.2;font-weight:750;letter-spacing:-.02em;color:#252a3a}
.mrh-header p{margin:0;color:#666;font-size:14px}
.mrh-card{background:#fff;border:1px solid #e8e8ee;border-radius:12px;box-shadow:0 12px 35px rgba(35,30,60,.08);overflow:hidden}
.mrh-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #eee}
.mrh-tab{height:56px;border:0;background:#fff;cursor:pointer;font-size:14px;font-weight:650;color:#7d7d86;border-bottom:2px solid transparent;transition:.2s}
.mrh-tab:first-child{color:#7138d4}
.mrh-tab:nth-child(2){color:#e88917}
.mrh-tab.is-active:first-child{border-bottom-color:#7138d4}
.mrh-tab.is-active:nth-child(2){border-bottom-color:#f28c18}
.mrh-tab-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:9px;font-size:12px}
.mrh-mobile-panels{display:grid;grid-template-columns:1fr 28px 1fr;align-items:stretch}
.mrh-panel{padding:26px 34px 28px;text-align:center}
.mrh-role-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:#fff;font-size:17px;font-weight:700}
.mrh-purple{background:#7138d4}.mrh-orange{background:#f28c18}
.mrh-panel h2{margin:0 0 6px;font-size:16px;color:#4a2b89}
.mrh-franchise-panel h2{color:#c56f0b}
.mrh-description{max-width:320px;margin:0 auto 17px;min-height:36px;font-size:11px;line-height:1.55;color:#6f6f76}
.mrh-divider{position:relative;display:flex;align-items:center;justify-content:center}
.mrh-divider:before{content:"";position:absolute;top:22px;bottom:22px;width:1px;background:#ededf1}
.mrh-divider span{z-index:1;width:28px;height:28px;border:1px solid #e7e7eb;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#777;font-size:10px;font-weight:700}
.mrh-form{text-align:left}
.mrh-field{margin-bottom:9px}
.mrh-field>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mrh-input-wrap{position:relative}
.mrh-input-wrap input{box-sizing:border-box;width:100%;height:43px;padding:0 72px 0 34px;border:1px solid #e5e5e9;border-radius:6px;background:#fff;color:#333;font-size:12px;outline:none;transition:border-color .2s,box-shadow .2s}
.mrh-input-wrap input:focus{border-color:#a98ce6;box-shadow:0 0 0 3px rgba(113,56,212,.09)}
.mrh-franchise-panel .mrh-input-wrap input:focus{border-color:#f0ae61;box-shadow:0 0 0 3px rgba(242,140,24,.09)}
.mrh-input-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#8b8b92;font-size:12px;z-index:1}
.mrh-password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#777;font-size:10px;cursor:pointer;padding:5px}
.mrh-error{min-height:0;color:#c62828;font-size:10px;margin-top:3px}
.mrh-terms{display:flex;align-items:flex-start;gap:6px;margin:12px 1px 14px;font-size:10px;line-height:1.45;color:#6d6d75;cursor:pointer}
.mrh-terms input{margin:1px 0 0;accent-color:#7138d4}
.mrh-franchise-panel .mrh-terms input{accent-color:#f28c18}
.mrh-terms a{color:#7138d4;text-decoration:none;font-weight:600}.mrh-franchise-panel .mrh-terms a{color:#e27c0b}
.mrh-terms a:hover{text-decoration:underline}
.mrh-submit{width:100%;height:43px;border:0;border-radius:6px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.2s}
.mrh-submit-purple{background:#7138d4}.mrh-submit-purple:hover{background:#5e2db5}
.mrh-submit-orange{background:#f28c18}.mrh-submit-orange:hover{background:#d97706}
.mrh-submit:disabled{opacity:.65;cursor:not-allowed}
.mrh-login{text-align:center;margin:13px 0 0;font-size:10px;color:#777}
.mrh-login a{font-weight:700;text-decoration:none;color:#7138d4}.mrh-franchise-panel .mrh-login a{color:#e27c0b}
.mrh-message{display:none;margin-top:10px;padding:9px 10px;border-radius:5px;font-size:11px;line-height:1.4}
.mrh-message.is-success{display:block;background:#eef9f0;color:#28743a;border:1px solid #ccebd2}
.mrh-message.is-error{display:block;background:#fff0f0;color:#a82424;border:1px solid #f1c9c9}
.mrh-field.has-error input{border-color:#d64545}
@media (max-width:820px){
 .mrh-page{padding:28px 14px 45px}.mrh-header h1{font-size:27px}.mrh-mobile-panels{grid-template-columns:1fr}.mrh-divider{height:45px}.mrh-divider:before{top:50%;bottom:auto;left:20%;right:20%;width:auto;height:1px}.mrh-divider span{position:relative}.mrh-panel{padding:24px 24px 25px}.mrh-description{min-height:auto}.mrh-tabs{display:none}.mrh-panel:before{content:"";display:block;margin:-24px -24px 22px;height:4px}.mrh-visitor-panel:before{background:#7138d4}.mrh-franchise-panel:before{background:#f28c18}
}
@media (max-width:480px){
 .mrh-header h1{font-size:24px}.mrh-header p{font-size:13px}.mrh-card{border-radius:10px}.mrh-panel{padding-left:18px;padding-right:18px}.mrh-panel:before{margin-left:-18px;margin-right:-18px}.mrh-input-wrap input{height:45px}.mrh-submit{height:45px}
}

.mrh-tab-icon svg,
.mrh-role-icon svg,
.mrh-input-icon svg,
.mrh-button-icon svg {
  display:block;
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mrh-tab-icon svg{width:15px;height:15px}
.mrh-role-icon svg{width:22px;height:22px;stroke-width:1.9}
.mrh-input-icon svg{width:15px;height:15px}
.mrh-button-icon{display:inline-flex;align-items:center}
.mrh-button-icon svg{width:14px;height:14px;stroke-width:1.9}
.mrh-tab-icon{vertical-align:middle}
