body:has(#app .login){background:radial-gradient(ellipse at 50% 10%,#fff 0,#f2f7f5 70%);color:#172d3d}
body #app:has(.login){max-width:none;padding:0 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body #app>.login-design-header{max-width:1100px;margin:24px auto 0;display:flex;align-items:center;justify-content:space-between;gap:16px}
body #app .login-design-brand{font-size:28px;font-weight:800;letter-spacing:-1.3px;text-decoration:none;color:#172d3d}
body #app .login-design-brand span{color:#28634f}
body #app>.login-design-header select{width:auto;min-width:112px;min-height:36px;padding:6px 12px;font-size:13px;background:#fff;border:1px solid #dce5e1;border-radius:9px;color:#223d48}
body #app .login{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;max-width:980px;width:100%;margin:38px auto 0;gap:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;min-height:0}
body #app .login .entry,body #app .login form#login{display:contents}
body #app .login .intro{grid-column:1;grid-row:1;background:linear-gradient(145deg,#1b3a49,#112d38);padding:48px 46px 170px;border-radius:18px 0 0 18px;position:relative;overflow:hidden;color:#fff;box-shadow:-10px 15px 45px #15372e0b}
body #app .login .intro h1{font-size:44px;font-weight:750;line-height:1.16;letter-spacing:-1.6px;margin:24px 0 20px;color:#fff}
body #app .login .intro h1 span{display:block}
body #app .login .intro h1 .login-design-accent{color:#c1df96}
body #app .login .intro p{font-size:17px;line-height:1.6;margin:0;max-width:340px;color:#e4edf0}
body #app .login p.login-design-eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;line-height:1.5;margin:0 0 14px;color:#c1df96}
body #app .login .login-design-art{position:absolute;bottom:0;left:0;right:0;height:245px;pointer-events:none}
body #app .login .login-design-art svg{width:100%;height:100%}
body #app .login .login-design-main{grid-column:2;grid-row:1;background:#fff;padding:46px 42px 30px;border:1px solid #e3eae7;border-inline-start:0;border-radius:0 18px 18px 0;box-shadow:10px 15px 45px #15372e0b;min-width:0}
body #app .login .login-design-main>.muted{display:none}
body #app .login .login-design-main .login-design-eyebrow{color:#28634f}
body #app .login .login-design-main h2{font-size:34px;line-height:1.18;letter-spacing:-1.2px;font-weight:750;color:#172d3d;margin:0 0 8px}
body #app .login p.login-design-subtitle{font-size:16px;line-height:1.5;color:#687785;margin:0 0 28px}
body #app .login .login-design-main label{display:block;font-size:13px;font-weight:550;line-height:1.5;color:#243c49;margin:16px 0 6px}
body #app .login .login-design-main input{box-sizing:border-box;width:100%;height:46px;border:1px solid #d9e1e2;border-radius:9px;background-color:#fff;padding:10px 14px 10px 42px;font-size:14px;color:#243c49;line-height:1.5;box-shadow:0 2px 5px #172d3d03;background-repeat:no-repeat;background-size:19px;background-position:14px center}
body #app .login input[name=email]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374a56' stroke-width='1.7'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 6 9 7 9-7'/%3E%3C/svg%3E")}
body #app .login input[name=password]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374a56' stroke-width='1.7'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3m-4 4v3'/%3E%3C/svg%3E")}
body #app .login input:focus{outline:3px solid #28634f20;border-color:#28634f}
body #app .login .login-design-main .login-design-reset{text-align:end;margin:7px 0 18px;font-size:12px;line-height:1.5}
body #app .login a{color:#28634f;text-underline-offset:3px}
body #app .login button.login-design-submit{box-sizing:border-box;display:block;width:100%;height:46px;padding:10px 18px;margin:0;background:linear-gradient(120deg,#2b6857,#245b49);color:white;border:0;border-radius:9px;font-size:15px;font-weight:650;box-shadow:0 3px 8px #15372e12;cursor:pointer}
body #app .login button.login-design-submit:disabled{opacity:.6;cursor:wait}
body #app .login .login-design-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;border-top:1px solid #e1e8e5;margin-top:26px;padding-top:22px;font-size:12px;line-height:1.6}
body #app .login .error{font-size:13px;line-height:1.5;color:#b73333;margin:10px 0}
body #app .login .error:empty{display:none}
body #app .login .login-design-footer{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:center;gap:10px 24px;flex-wrap:wrap;padding:22px 10px 10px;font-size:12px;line-height:1.6}
body #app .login .login-design-footer [data-trial-request]{display:contents!important}
body #app .login .login-design-footer [data-trial-request]>p{flex-basis:100%;order:3;text-align:center;font-size:11px!important;margin:0!important;color:#71818b!important}
body #app .login .login-design-footer a{display:inline!important;padding:0!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-size:12px!important;font-weight:500!important;text-decoration:underline!important;color:#28634f!important}
body #app .login .login-design-footer [data-trial-request]>a{order:-2}
body #app .login .login-design-footer [data-pricing-link]{order:-1}
body #app .login .login-design-footer [data-manager-legal]{display:flex;justify-content:center;flex-basis:100%;gap:18px;order:4;padding:0!important;margin:4px 0 0!important}
body:has(#app .login)>[data-legal-links]{display:none}
body:has(#app .login) #company-legal-footer{background:transparent;font-size:11px;padding:14px;line-height:1.7}
html[lang=ar] body #app .login :is(h1,h2){letter-spacing:0}
html[dir=rtl] body #app .login .intro{border-radius:0 18px 18px 0}
html[dir=rtl] body #app .login .login-design-main{border-radius:18px 0 0 18px}
@media(max-width:760px){body #app:has(.login){padding:0 18px}body #app>.login-design-header{max-width:440px;margin-top:22px}body #app .login{display:grid;grid-template-columns:1fr;max-width:440px;margin-top:28px}body #app .login .intro{display:none}body #app .login .login-design-main{grid-column:1;border:1px solid #e3eae7;border-radius:16px!important;padding:32px 24px 28px}body #app .login .login-design-main h2{font-size:30px}body #app .login p.login-design-subtitle{font-size:14px}body #app .login .login-design-main input{font-size:16px}body #app .login .login-design-footer{gap:10px 18px;padding:22px 0 4px}}