*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{font-family:var(--font-family-ar);color:var(--satc-charcoal);background:var(--satc-white)}
a{color:inherit}
.auth-page{min-height:100vh;overflow-x:hidden}
.auth-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,110px);border-top:1px solid var(--satc-burgundy);border-bottom:1px solid #eeeae7;background:#fff}
.auth-logo{height:64px;display:flex;align-items:center;gap:7px;text-decoration:none}
.auth-logo-mark{width:48px;height:58px;object-fit:contain}
.auth-logo-wordmark{width:112px;height:32px;object-fit:contain}
.back-home{display:flex;align-items:center;gap:9px;color:var(--satc-plum-600);text-decoration:none;font-size:12px;font-weight:700;transition:color var(--motion-fast) ease}
.back-home:hover{color:var(--satc-gold)}
.auth-shell{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1fr 1.04fr;direction:rtl}
.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:48px clamp(28px,5vw,88px);background:#fff}
.auth-form-wrap{width:min(100%,500px)}
.auth-form-wrap h1{margin:0 0 10px;color:var(--satc-burgundy);font-size:34px;font-weight:800;line-height:1.35}
.auth-intro{margin:0 0 30px;color:#706967;font-size:15px;line-height:1.9}
.auth-form{display:grid;gap:19px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-field{min-width:0}
.form-label,.label-row{margin-bottom:8px;color:var(--satc-charcoal);font-size:13px;font-weight:700}
.label-row{display:flex;align-items:center;justify-content:space-between}
.label-row .form-label{margin:0}
.label-row a{color:var(--satc-plum-600);text-decoration:none;font-size:13px}
.input-shell{position:relative}
.input-shell>i{position:absolute;z-index:2;top:50%;right:15px;width:15px;color:var(--satc-gold);font-size:13px;text-align:center;transform:translateY(-50%)}
.input-shell .form-control{height:52px;padding:10px 44px 10px 44px;border:1px solid #d9d5d1;border-radius:var(--radius-control);background:#fff;color:var(--satc-charcoal);font-family:inherit;font-size:15px;box-shadow:none;transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}
.input-shell .form-control::placeholder{color:#aaa3a0}
.input-shell .form-control:focus{border-color:var(--satc-gold);box-shadow:0 0 0 3px rgb(157 122 77 / 12%)}
.password-toggle{position:absolute;z-index:3;top:50%;left:10px;width:32px;height:32px;border:0;background:transparent;color:#8a817e;cursor:pointer;transform:translateY(-50%)}
.password-toggle:hover,.password-toggle:focus-visible{color:var(--satc-burgundy);outline:0}
.invalid-feedback{font-size:12px}
.auth-check{margin:0;color:#6e6764;font-size:13px;line-height:1.8}
.auth-check .form-check-input{margin-top:.35em;border-color:#bcb4b0;box-shadow:none}
.auth-check .form-check-input:checked{border-color:var(--satc-burgundy);background-color:var(--satc-burgundy)}
.auth-check a{color:var(--satc-plum-600);font-weight:700;text-decoration:none}
.auth-submit{height:52px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--btn-bg);border-radius:var(--radius-control);background:var(--btn-bg);color:var(--btn-fg);font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,transform var(--motion-fast) ease}
.auth-submit:hover,.auth-submit:focus-visible{border-color:var(--btn-bg-hover);background:var(--btn-bg-hover);transform:translateY(var(--btn-lift));outline:2px solid rgb(157 122 77 / 22%);outline-offset:2px}
.auth-message{margin:0;padding:11px 14px;font-size:13px}
.auth-switch{margin:25px 0 0;color:#776f6c;text-align:center;font-size:13px}
.auth-switch a{color:var(--satc-burgundy);font-weight:800;text-decoration:none}
.auth-media{position:relative;min-height:100%;overflow:hidden;background:var(--satc-charcoal)}
.auth-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.auth-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(35 31 32 / 15%),rgb(45 5 15 / 68%))}
.auth-media-overlay{position:absolute;z-index:2;right:clamp(34px,6vw,90px);bottom:clamp(38px,8vh,90px);max-width:360px;color:#fff}
.auth-media-overlay>img{width:70px;height:86px;object-fit:contain;filter:brightness(1.18)}
.auth-media-overlay h2{margin:12px 0 8px;color:#fff;font-size:35px;font-weight:800;line-height:1.45}
.auth-media-overlay p{margin:0;color:#eee7e3;font-size:14px;line-height:1.9}
@media(max-width:991px){.auth-shell{grid-template-columns:1fr}.auth-media{display:none}.auth-form-panel{min-height:calc(100vh - 78px)}}
@media(max-width:575px){.auth-header{height:70px;padding:0 18px}.auth-logo{height:58px}.auth-logo-mark{width:42px;height:52px}.auth-logo-wordmark{width:98px}.back-home{font-size:0}.back-home i{font-size:14px}.auth-shell{min-height:calc(100vh - 70px)}.auth-form-panel{min-height:calc(100vh - 70px);align-items:flex-start;padding:38px 20px}.auth-form-wrap h1{font-size:28px}.auth-intro{margin-bottom:24px}.form-row{grid-template-columns:1fr}.register-shell .auth-form{gap:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}