:root{--o:#f65d03;--o2:#ff7a14;--dk:#1d2230;--mut:#8a90a0;--bd:#e7eaf0}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%}
body.auth{font-family:"Cairo","Segoe UI",Tahoma,sans-serif;background:#eef2f8;color:var(--dk)}
.au-wrap{display:grid;grid-template-columns:58% 42%;min-height:100vh;direction:ltr}
.au-art{background:#dfe6ef center left/cover no-repeat;min-height:100vh}
.au-side{position:relative;overflow:hidden;direction:rtl;display:flex;align-items:center;justify-content:center;padding:28px 34px;background:linear-gradient(135deg,#f6f8fb 0%,#e6edf6 100%)}
.au-ln{position:absolute;width:2px;height:150px;background:linear-gradient(var(--o),transparent);transform:rotate(38deg);opacity:.75}
.au-ln1{top:-20px;right:60px}.au-ln2{bottom:-10px;left:50px;transform:rotate(38deg)}
.au-card{position:relative;z-index:2;width:100%;max-width:470px;background:#fff;border-radius:22px;padding:30px 38px 22px;box-shadow:0 18px 55px rgba(34,52,90,.13)}
.signup .au-card{max-width:500px}
.au-logo{text-align:center}.au-logo img{width:150px;height:auto;display:inline-block}
.au-card h1{font-size:20px;font-weight:800;text-align:center;margin-top:14px;color:#161a26}
.au-card .au-sub{font-size:14px;text-align:center;color:var(--mut);margin-top:4px}
.au-tabs{display:flex;gap:4px;background:#eef0f4;border-radius:14px;padding:4px;margin:24px 0 20px}
.au-tabs a,.au-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 10px;border:0;border-radius:11px;background:transparent;font:700 13.5px/1 "Cairo",sans-serif;color:var(--dk);text-decoration:none;cursor:pointer;transition:.2s}
.au-tabs .on{background:linear-gradient(135deg,var(--o),var(--o2));color:#fff;box-shadow:0 6px 16px rgba(246,93,3,.3)}
.au-tabs svg{width:17px;height:17px}
.au-msg{min-height:22px;text-align:center;font-size:13.5px;font-weight:600;margin-bottom:10px}
.au-msg.err{color:#e03131}.au-msg.ok{color:#12a05c}
.au-f{position:relative;margin-bottom:12px}
.au-f input{width:100%;height:50px;border:1px solid var(--bd);border-radius:14px;background:#fff;padding:0 46px 0 16px;font:500 14px "Cairo",sans-serif;color:var(--dk);outline:none;transition:.2s;text-align:right}
.au-f input::placeholder{color:#7d8394;font-size:13px}
.au-f input:focus{border-color:var(--o);box-shadow:0 0 0 4px rgba(246,93,3,.12)}
.au-f>svg{position:absolute;right:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:#2a2f3d;pointer-events:none}
.au-f input[dir=ltr]{text-align:right}
.au-forgot{display:block;margin:14px 0 0;font-size:13.5px;font-weight:700;color:var(--o);text-decoration:none}
.au-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--o),var(--o2));color:#fff;font:800 15px "Cairo",sans-serif;cursor:pointer;box-shadow:0 10px 24px rgba(246,93,3,.28);transition:.2s;text-decoration:none}
.au-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(246,93,3,.38)}
.au-btn svg{width:18px;height:18px}
.au-btn.load{opacity:.8;pointer-events:none}
.au-alt{text-align:center;font-size:13px;color:#555b6b;margin-top:16px}
.au-alt a{color:var(--o);font-weight:700;text-decoration:none}
.au-gap{height:70px}
.au-foot{margin-top:22px;padding-top:16px;border-top:1px solid #edf0f4;text-align:center;font-size:11.5px;color:#9aa0ae;direction:ltr}
.au-pane{display:none}.au-pane.on{display:block}
.au-res{white-space:pre-wrap;background:#f6f8fb;border-radius:12px;padding:12px 14px;margin-top:12px;font-size:13.5px;line-height:1.9;display:none}
.au-code input{text-align:center!important;letter-spacing:10px;font-size:24px;font-weight:800;height:62px;padding:0 16px!important}
.au-shake{animation:aush .45s}@keyframes aush{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
@media(max-width:900px){
  .au-wrap{grid-template-columns:1fr}
  .au-art{display:none}
  .au-side{min-height:100vh;padding:18px 14px;align-items:flex-start}
  .au-card{padding:24px 20px 18px;margin-top:10px}
  .au-gap{height:20px}
}