@import "https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.zumrah-button{color:#fff;cursor:pointer;background-color:#6847e8;border:none;border-radius:12px;min-height:58px;padding:16px 24px;font-family:inherit;font-size:14px;font-weight:600}.zumrah-button:hover{background-color:#4b35b5}body:has(.zumrah-login){background:#faf9fe;min-width:320px;margin:0;display:block}#root:has(.zumrah-login){width:100%;max-width:none;min-height:100vh;text-align:initial;margin:0;padding:0}.zumrah-login{--primary:#6847e8;--primary-dark:#4b35b5;--ink:#172033;--muted:#777d91;--line:#e8e7f0;--background:#faf9fe;box-sizing:border-box;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%;min-height:100vh;color:var(--ink);background:var(--background);text-align:start;direction:rtl;grid-template-columns:1fr 1fr;font-family:Alexandria,Tahoma,Arial,sans-serif;display:grid}.zumrah-login *,.zumrah-login :before,.zumrah-login :after{box-sizing:border-box}.zumrah-login .welcome{color:#fff;isolation:isolate;background:linear-gradient(148deg,#6948e8 0%,#4b35b5 100%);flex-direction:column;justify-content:space-between;padding:clamp(32px,5vw,80px);display:flex;position:relative;overflow:hidden}.zumrah-login .welcome:before,.zumrah-login .welcome:after{content:"";z-index:-1;border:1px solid #ffffff24;border-radius:50%;position:absolute}.zumrah-login .welcome:before{width:630px;height:630px;bottom:-310px;left:-200px}.zumrah-login .welcome:after{width:440px;height:440px;top:8%;left:-170px}.zumrah-login .brand{letter-spacing:0;align-self:flex-start;font-size:42px;font-weight:700;line-height:1.8;display:inline-block}.zumrah-login .hero{max-width:530px;margin:auto 0}.zumrah-login .eyebrow{color:#e0d9ff;letter-spacing:.2px;font-size:13px;font-weight:500}.zumrah-login .hero p{color:#e9e4ff;max-width:460px;font-size:16px;line-height:2.2}.zumrah-login .welcome-foot{color:#d8d0ff;font-size:12px}.zumrah-login .login-panel{flex-direction:column;justify-content:center;align-items:center;padding:50px 30px;display:flex}.zumrah-login .login-card{width:100%;max-width:420px}.zumrah-login .pill{color:var(--primary-dark);background:#f2eeff;border:1px solid #e3ddfe;border-radius:100px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;font-weight:600;display:inline-flex}.zumrah-login .login-card h1{letter-spacing:-.7px;color:var(--ink);margin:25px 0 11px;font-size:clamp(26px,2.3vw,35px);font-weight:700;line-height:1.5}.zumrah-login .subtitle{color:var(--muted);margin:0 0 38px;font-size:14px;line-height:2}.zumrah-login .signup-field{flex-direction:column;gap:7px;min-width:0;margin-bottom:20px;display:flex}.zumrah-login .signup-field label{color:var(--ink);font-size:12px;font-weight:600}.zumrah-login .signup-field input{border:1px solid var(--line);width:100%;min-width:0;height:49px;color:var(--ink);font:inherit;background:#fff;border-radius:11px;outline:none;padding:0 14px;font-size:12px}.zumrah-login .signup-field input::placeholder{color:#9b9daa}.zumrah-login .signup-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6847e817}.zumrah-login .field-error{color:#c52c45;margin-top:1px;font-size:11px;line-height:1.8;display:block}.zumrah-login .field-error:empty{display:none}.zumrah-login .signup-field input[aria-invalid=true]{border-color:#c52c45;box-shadow:0 0 0 2px #c52c4518}.zumrah-login .login-card .zumrah-button{background:var(--primary);color:#fff;border:1px solid var(--primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:58px;margin-top:10px;padding:16px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s;display:flex;box-shadow:0 10px 24px #6847e820}.zumrah-login .login-card .zumrah-button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 12px 25px #6847e82e}.zumrah-login .login-card .zumrah-button:focus-visible{outline-offset:3px;outline:3px solid #b9acff}.zumrah-login .message{min-height:25px;color:var(--primary-dark);text-align:center;margin-top:12px;font-size:12px;line-height:1.8}.zumrah-login .message:empty{display:none}.zumrah-login .account-switch{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:16px;margin-bottom:10px;font-size:13px;display:flex}.zumrah-login .account-switch a{color:var(--primary-dark);font-weight:600;text-decoration:none}.zumrah-login .account-switch a:hover{text-decoration:underline}.zumrah-login .account-switch a:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:3px}.zumrah-login .login-bottom{color:#a0a0ad;text-align:center;margin-top:80px;font-size:11px}@media (width<=800px){.zumrah-login{grid-template-columns:1fr}.zumrah-login .welcome{min-height:265px;padding:29px 26px}.zumrah-login .hero{margin:35px 0 25px}.zumrah-login .hero p{margin:0;font-size:12px}.zumrah-login .welcome-foot{display:none}.zumrah-login .login-panel{padding:50px 22px 30px}.zumrah-login .login-bottom{margin-top:45px}}@media (prefers-reduced-motion:reduce){.zumrah-login *,.zumrah-login :before,.zumrah-login :after{transition:none!important}}