/* Compact sign-in layout. Authentication flows keep their original controls. */
body.clearly-auth.auth-simple{min-height:100dvh;display:flex;flex-direction:column;background:#1c2b3d url('assets/login-workspace.webp') center/cover fixed no-repeat;position:relative;isolation:isolate;color:#24354d}
body.auth-simple::before{content:"";position:fixed;inset:0;background:linear-gradient(110deg,#101c2bbd,#1427397a);z-index:-1;pointer-events:none}
.auth-simple .auth-header{width:100%;max-width:1380px;min-height:100px;height:auto;padding:24px 40px;border:0;gap:24px}
.auth-simple .auth-header>a>img{filter:brightness(0) invert(1);width:140px;height:auto}
.auth-simple .auth-header nav{gap:26px}.auth-simple .auth-header nav a{color:#fff}.auth-simple .auth-header .auth-header-action{border:1px solid #ffffff66;background:#ffffff0a;padding:10px 23px;border-radius:30px}.auth-simple .auth-header .auth-header-action:hover{background:#ffffff20}
.auth-simple .auth-shell{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;width:100%;max-width:none;padding:60px 20px 42px}
.auth-simple .auth-editorial{display:none}.auth-simple .auth-form-side{display:block;padding:0;width:100%;max-width:420px}.auth-simple .auth-form-card{width:100%;max-width:none;padding:30px 34px;background:#fff;border:1px solid #ffffff77;border-radius:10px;box-shadow:0 18px 65px #05122240}.auth-simple .auth-form-kicker,.auth-simple .auth-description{display:none}
.auth-simple .auth-form-card h1{font-size:21px;line-height:1.6;font-weight:700;letter-spacing:0;text-align:center;background:linear-gradient(110deg,#277eea,#155ad5);color:#fff;padding:23px 14px;margin:-66px -15px 34px;border-radius:6px;box-shadow:0 6px 14px #175dcb33}
.auth-simple .auth-field{margin-bottom:23px}.auth-simple .auth-field>span:first-child{font-size:12px;font-weight:500;color:#6b788c;margin-bottom:4px}.auth-simple .auth-field input:not([type=checkbox]):not([type=radio]){border:0;border-bottom:1px solid #d5dce5;border-radius:0;background:#fff;min-height:44px;padding:9px 2px;box-shadow:none;font-size:14px;width:100%}.auth-simple .auth-field input:focus{border-color:#2777e4;outline:0;box-shadow:0 1px 0 #2777e4}.auth-simple .auth-field input::placeholder{color:#9aa4b4}.auth-simple .auth-field input[type=email],.auth-simple .auth-field input[type=password],.auth-simple .auth-field input[type=tel]{direction:ltr;text-align:start}.auth-simple .auth-password input{padding-inline-end:38px!important}.auth-simple .auth-password button{inset-inline-end:0;color:#73839b}.auth-simple .auth-field small,.auth-simple .auth-help{font-size:11px;line-height:1.8}
.auth-simple .auth-submit{display:flex;align-items:center;justify-content:center;width:max-content;min-width:130px;max-width:100%;margin:24px auto 0;padding:11px 22px;min-height:43px;border-radius:26px;font-size:13px;line-height:1.5;background:#2169df;box-shadow:0 4px 10px #2169df25}.auth-simple .auth-submit>span[aria-hidden]{display:none}.auth-simple .auth-submit:hover{background:#1555c3}.auth-simple .auth-inline-link{display:block;text-align:center;margin-top:8px;font-size:12px;font-weight:400}.auth-simple .auth-switch{text-align:center;font-size:12px;margin:22px 0 0;padding-top:16px;border-top:1px solid #eef1f5;line-height:1.9}.auth-simple .auth-policy{color:#e0e5ed;font-size:10px;line-height:1.9;text-align:center;margin:19px 12px 0}.auth-simple .auth-policy a{color:#fff;text-decoration:underline;text-underline-offset:3px}.auth-simple .auth-footer{color:#d5dfe9;border:0;width:100%;max-width:1380px;padding:18px 40px;font-size:11px;min-height:60px}.auth-simple .auth-footer a{color:#e5ecf6}.auth-simple .auth-tabs{margin-bottom:25px}.auth-simple .auth-tabs a{font-size:11px;padding:10px 8px}.auth-simple .auth-alert{font-size:12px;line-height:1.9;margin-bottom:22px}.auth-simple .auth-check{font-size:12px;line-height:1.8}.auth-simple .auth-code{letter-spacing:.16em}.auth-simple .auth-secondary{font-size:12px}.auth-simple :is(button,a,input):focus-visible{outline:2px solid #76aaff;outline-offset:4px}
@media(max-width:600px){.auth-simple .auth-header{padding:20px;min-height:86px;gap:15px}.auth-simple .auth-header>a>img{width:112px}.auth-simple .auth-header nav{gap:14px;font-size:11px}.auth-simple .auth-header .auth-header-action{padding:8px 12px}.auth-simple .auth-back{display:none}.auth-simple .auth-shell{padding:62px 22px 24px}.auth-simple .auth-form-card{padding:27px 25px}.auth-simple .auth-form-card h1{font-size:19px;padding:20px 12px;margin:-61px -9px 28px}.auth-simple .auth-field input:not([type=checkbox]):not([type=radio]){font-size:16px}.auth-simple .auth-footer{padding:18px 22px;gap:14px;flex-wrap:wrap}.auth-simple .auth-policy{margin-inline:0}}
@media(max-height:650px) and (min-width:601px){.auth-simple .auth-header{min-height:80px;padding-block:16px}.auth-simple .auth-shell{padding-top:48px}.auth-simple .auth-form-card{padding-bottom:22px}.auth-simple .auth-form-card h1{margin-bottom:22px}.auth-simple .auth-footer{min-height:40px;padding-block:12px}}
@media(prefers-reduced-motion:reduce){.auth-simple *{transition:none!important}}

.auth-simple .brand-wordmark-fa{color:#fff}.auth-simple .brand-wordmark-fa img{width:34px;height:34px;filter:brightness(0) invert(1)}

/* Registration shares the sign-in card, with room for workspace details. */
.auth-signup .auth-form-side{max-width:460px}
.auth-signup .auth-field{margin-bottom:18px}
.auth-signup .auth-row{gap:20px}
.auth-signup .auth-help{margin-top:-9px;margin-bottom:18px}
.auth-signup .auth-otp-note{overflow-wrap:anywhere}
.auth-signup .auth-policy{max-width:none}
.auth-signup .auth-channels{flex-wrap:wrap;gap:12px 25px}
.auth-signup .auth-header nav{flex-direction:row;flex-wrap:nowrap;align-items:center}
html[lang=fa] body.auth-simple .auth-form-card h1{font-size:21px}
@media(max-width:600px){html[lang=fa] body.auth-simple .auth-form-card h1{font-size:19px}.auth-signup .auth-header .brand-wordmark-fa{font-size:24px}.auth-signup .auth-header .brand-wordmark-fa img{width:28px;height:28px}}
@media(max-width:480px){.auth-signup .auth-row{grid-template-columns:1fr;gap:0}.auth-signup .auth-form-card{padding-inline:24px}.auth-signup .auth-form-card h1{margin-bottom:24px}.auth-signup .auth-actions{flex-wrap:wrap}}
