#tranter-me-modal{display:none;position:fixed;inset:0;z-index:999999;font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#001b14}
#tranter-me-modal[aria-hidden="false"]{display:block}
#tranter-me-modal *{box-sizing:border-box}
#tranter-me-modal .tmem-backdrop{position:absolute;inset:0;background:rgba(0,27,20,.74);backdrop-filter:blur(4px)}
#tranter-me-modal .tmem-dialog{position:relative;width:min(720px,calc(100% - 32px));max-height:calc(100vh - 32px);overflow:auto;margin:16px auto;background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.32)}
#tranter-me-modal .tmem-content{padding:clamp(24px,4.5vw,44px)}
#tranter-me-modal button.tmem-close{appearance:none!important;position:absolute!important;right:14px!important;top:10px!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;margin:0!important;padding:0!important;border:1px solid transparent!important;border-radius:50%!important;background:transparent!important;color:#001b14!important;font-family:inherit!important;font-size:30px!important;font-weight:400!important;line-height:1!important;box-shadow:none!important;cursor:pointer!important;transform:none!important}
#tranter-me-modal button.tmem-close:hover{border-color:#00a651!important;background:#f3f7f5!important;color:#008f46!important}
#tranter-me-modal .tmem-progress{display:flex;gap:6px;margin:0 40px 16px 0}
#tranter-me-modal .tmem-progress span{flex:1;height:4px;border-radius:99px;background:rgba(0,27,20,.12)}
#tranter-me-modal .tmem-progress span.is-on{background:#00a651}
#tranter-me-modal .tmem-eyebrow{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#00863f}
#tranter-me-modal h2{margin:0 36px 18px 0;font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.18;color:#001b14}
#tranter-me-modal .tmem-fs{margin:0 0 18px;padding:0;border:0;min-width:0}
#tranter-me-modal .tmem-fs legend{padding:0;margin:0 0 9px;font-size:14px;font-weight:800}
#tranter-me-modal small{font-weight:400;color:rgba(0,27,20,.55)}
#tranter-me-modal .tmem-chips{display:flex;flex-wrap:wrap;gap:8px}
#tranter-me-modal .tmem-chip{position:relative;display:inline-flex;margin:0;cursor:pointer}
#tranter-me-modal .tmem-chip input{position:absolute;opacity:0;width:1px;height:1px}
#tranter-me-modal .tmem-chip span{display:inline-flex;align-items:center;padding:9px 15px;border:1px solid rgba(0,27,20,.2);border-radius:999px;font-size:14px;font-weight:700;line-height:1.2;background:#fff;transition:background .15s,border-color .15s,color .15s}
#tranter-me-modal .tmem-chip:hover span{border-color:#00a651}
#tranter-me-modal .tmem-chip input:checked+span{background:#e6f6ed;border-color:#00a651;color:#006e35}
#tranter-me-modal .tmem-chip input:focus-visible+span{outline:3px solid #6fe3a4;outline-offset:2px}
#tranter-me-modal .tmem-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
#tranter-me-modal .tmem-grid label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700}
#tranter-me-modal .tmem-grid input,#tranter-me-modal .tmem-grid select,#tranter-me-modal .tmem-grid textarea{width:100%;padding:12px 13px;border:1px solid rgba(0,27,20,.2);border-radius:9px;background:#fff;color:#001b14;font:inherit;font-weight:400}
#tranter-me-modal .tmem-grid input:focus,#tranter-me-modal .tmem-grid select:focus,#tranter-me-modal .tmem-grid textarea:focus{outline:2px solid #00a651;outline-offset:0;border-color:#00a651}
#tranter-me-modal .is-invalid{border-color:#891219!important;background:#fff8f8!important}
#tranter-me-modal .tmem-full{grid-column:1/-1}
#tranter-me-modal .tmem-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#tranter-me-modal .tmem-error{margin:14px 0 0;padding:11px 14px;border-radius:9px;background:#fff1f1;color:#891219;font-size:14px}
#tranter-me-modal .tmem-actions{display:flex;gap:10px;margin-top:18px}
#tranter-me-modal button.tmem-btn{appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:50px!important;margin:18px 0 0!important;padding:14px 24px!important;border:1px solid #00a651!important;border-radius:999px!important;background:#00a651!important;color:#fff!important;font:800 15px/1.2 "DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:0!important;text-transform:none!important;box-shadow:0 10px 25px -8px rgba(0,166,81,.55)!important;cursor:pointer!important;transform:none!important;transition:background .2s,box-shadow .2s,transform .2s!important}
#tranter-me-modal .tmem-actions button.tmem-btn{margin:0!important}
#tranter-me-modal button.tmem-btn:hover{background:#008f46!important;border-color:#008f46!important;transform:translateY(-1px)!important}
#tranter-me-modal button.tmem-btn:focus-visible{outline:3px solid #6fe3a4!important;outline-offset:3px!important}
#tranter-me-modal button.tmem-btn:disabled{opacity:.65!important;cursor:wait!important;transform:none!important}
#tranter-me-modal button.tmem-btn--ghost{width:auto!important;min-width:110px!important;background:#fff!important;color:#001b14!important;border-color:rgba(0,27,20,.25)!important;box-shadow:none!important}
#tranter-me-modal button.tmem-btn--ghost:hover{background:#f3f7f5!important;color:#001b14!important;border-color:#00a651!important}
#tranter-me-modal .tmem-actions .tmem-submit{flex:1}
#tranter-me-modal .tmem-note{margin:12px 0 0;font-size:12.5px;color:rgba(0,27,20,.55);text-align:center}
#tranter-me-modal .tmem-success h3{margin:0 0 8px;color:#00863f;font-size:1.4rem}
#tranter-me-modal .tmem-success p{color:rgba(0,27,20,.72);line-height:1.65}
#tranter-me-modal .tmem-next-steps{margin:14px 0 4px;padding-left:20px;color:rgba(0,27,20,.8);line-height:1.7}
#tranter-me-modal a.tmem-discovery{display:inline-flex!important;align-items:center!important;min-height:44px!important;margin-top:14px!important;padding:12px 22px!important;border-radius:999px!important;background:#891219!important;color:#fff!important;font:800 14px/1.2 "DM Sans",sans-serif!important;text-decoration:none!important}
#tranter-me-modal a.tmem-discovery:hover{background:#6f0e14!important;color:#fff!important}
@media(max-width:600px){#tranter-me-modal .tmem-grid{grid-template-columns:1fr}#tranter-me-modal .tmem-full{grid-column:auto}#tranter-me-modal .tmem-content{padding:26px 20px}#tranter-me-modal .tmem-actions{flex-direction:column-reverse}#tranter-me-modal button.tmem-btn--ghost{width:100%!important}}

/* Match the ManageEngine page to the Zoho solution typography system. */
#tranter-me-modal{font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#tranter-me-modal h2,#tranter-me-modal h3{letter-spacing:-.045em}
#tranter-me-modal h2{font-weight:800}
#tranter-me-modal .tmem-eyebrow{letter-spacing:.07em}
