html { min-height:100%; background:#eee4d1; }
body { margin:0; min-height:100vh; font-family:Tahoma,Arial,sans-serif; background:linear-gradient(#f7e8c533,#f5ead04d),url('../img/auth-palace-source.png') center top/cover fixed; color:#064c39; }
body .aui-flexView { min-height:100vh; height:auto; background:transparent; display:block; }
body .aui-scrollView { overflow:visible; padding:170px 18px 45px; background:transparent; }
body .aui-jop-chang { display:none; }
body .aui-jop-top { padding:0; margin:0 auto; width:100%; max-width:460px; background:none; }
body .aui-jop-top-box { position:relative; margin:0!important; padding:45px 24px 28px; border:2px solid #d49a35; outline:3px solid #fff0c9; border-radius:80px 80px 36px 36px; background:linear-gradient(115deg,#fff,#fffdf8); box-shadow:0 10px 32px #80551538,inset 0 0 0 4px #fff; box-sizing:border-box; }
body .aui-jop-top-box:before { content:'✦'; display:block; text-align:center; color:#bc8425; font-size:38px; line-height:1; margin:0 0 22px; }
body .aui-login-title { font-size:29px; line-height:1.5; font-weight:700; color:#004b36; margin-bottom:22px; }
.auth-welcome { margin:-10px 0 8px; text-align:center; font-size:20px; color:#95600c; font-weight:700; }
.auth-description { text-align:center; color:#7e8188; font-size:15px; line-height:1.7; margin-bottom:24px; }
body .aui-flex.b-line { margin:12px 0; padding:8px 12px; min-height:56px; height:auto; border:1px solid #d2d0cd; border-radius:18px; box-sizing:border-box; background:#fffefb; }
body .b-line:after { display:none; }
body .aui-form-item { width:28px; margin-inline-end:8px; }
body .aui-form-item img { width:22px; height:26px; object-fit:contain; filter:sepia(1) saturate(3); }
body .aui-flex-box { min-width:0; }
body .aui-flex-box input { background:transparent; padding:8px 0!important; height:36px; font-size:16px; color:#174b3a; width:100%; border:0; box-sizing:border-box; outline:none; }
body .aui-flex-box input::placeholder { color:#81838a; }
body .phone-code-fixed,body .phone-code-select { color:#064c39; font-size:18px; font-weight:bold; }
body .phone-number-input { min-width:0; }
body .aui-psd-row { padding:6px 0 14px; }
body .aui-psd-row a { color:#064c39; font-size:14px; font-weight:600; }
body .aui-form-button { margin:8px 0 20px; padding:0; }
body .aui-form-button button { position:relative; width:100%; min-height:60px; padding:12px 46px; border:2px solid #d99c35; border-radius:40px; background:linear-gradient(110deg,#003c2e,#00614a); box-shadow:0 4px 12px #89612836,inset 0 0 0 2px #ffdf95; color:#fff; font-size:22px; font-weight:bold; cursor:pointer; }
body .aui-form-button button:after { content:'←'; position:absolute; left:8px; top:7px; width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg,#fff2b9,#e5b657); color:#004734; font-size:28px; line-height:42px; }
body .aui-register { padding:0; text-align:center; }
body .aui-register a { display:block; padding:12px 8px; border:1px solid #ad7418; border-radius:15px; color:#95600c; font-size:17px; font-weight:700; }
.auth-trust { display:flex; justify-content:center; gap:12px; margin-top:24px; color:#727478; font-size:12px; line-height:1.6; text-align:center; }
.auth-trust span+span { border-inline-start:1px solid #c79540; padding-inline-start:12px; }
.auth-eye { flex-shrink:0; width:30px; padding:0; border:0; background:transparent; color:#93631b; font-size:22px; cursor:pointer; }
body .verify_btn { border:1px solid #b78029!important; border-radius:12px; color:#986513; padding:8px!important; font-size:12px; }
body .aui-flex.b-line:focus-within { border-color:#aa791f; box-shadow:0 0 0 3px #e5bc6c30; }
body a:focus-visible,body button:focus-visible { outline:3px solid #cba454; outline-offset:3px; }
@media(max-width:360px) { body .aui-scrollView { padding:125px 12px 30px; } body .aui-jop-top-box { padding:35px 17px 22px; } body .aui-login-title { font-size:25px; } }
@media(min-width:800px) { body .aui-scrollView { padding-top:140px; } }
/* The reference artwork supplies the pointed gold frame and its ornament. */
body { --auth-width:min(100vw,480px); background:#eee1c8; }
body .aui-flexView { width:var(--auth-width); margin:auto; min-height:calc(var(--auth-width) * 1.777); background:url('../img/auth-reference-blank.png') center top/100% 100% no-repeat; }
body .aui-scrollView { padding:calc(var(--auth-width) * .78) 12% calc(var(--auth-width) * .15); }
body .aui-jop-top-box { border:0; outline:0; border-radius:0; box-shadow:none; background:none; padding:0; }
body .aui-jop-top-box:before { display:none; }
body .aui-login-title { font-size:clamp(23px,6.1vw,30px); line-height:1.3; margin:0 0 10px; }
.auth-welcome { margin:0 0 5px; font-size:17px; }
.auth-description { font-size:13px; line-height:1.65; margin:0 0 10px; }
body .aui-flex.b-line { min-height:40px; padding:4px 10px; margin:9px 0; border-radius:14px; }
body .aui-flex-box input { height:30px; font-size:14px; }
body .phone-code-fixed { font-size:16px; }
body .phone-code-fixed:before { content:attr(data-flag); margin-right:9px; font-size:21px; }
body .phone-code-fixed { display:inline-flex; align-items:center; gap:9px; white-space:nowrap; }
body .phone-code-fixed.auth-flag-eg:before { content:''; display:block; width:32px; height:27px; margin-right:0; flex-shrink:0; background:url('../img/flag-eg.svg') center/contain no-repeat; box-shadow:0 2px 3px #00000015; border-radius:5px; }
body .aui-form-item svg { width:20px; height:23px; }
body .aui-psd-row { display:flex; align-items:center; justify-content:space-between; padding:0 0 10px; }
.auth-remember { display:flex; align-items:center; gap:6px; flex-direction:row-reverse; font-size:14px; color:#303237; }
.auth-remember input { width:19px; height:19px; accent-color:#a16a0e; }
body .aui-form-button { margin:0 0 10px; }
body .aui-form-button button { min-height:52px; font-size:20px; }
body .aui-form-button button:after { width:36px; height:36px; line-height:36px; top:6px; }
.auth-divider { display:flex; align-items:center; gap:12px; color:#74767a; font-size:14px; margin:8px 0; }
.auth-divider:before,.auth-divider:after { content:''; height:1px; background:#bf9659; flex:1; }
body .aui-register a { padding:9px 4px; font-size:16px; border-radius:12px; }
.auth-trust { margin-top:18px; gap:7px; font-size:10px; }
.auth-trust span+span { padding-inline-start:7px; }
body.auth-register .aui-scrollView { padding-top:calc(var(--auth-width) * .78); }
body.auth-register .aui-login-title { margin-bottom:17px; }
input:-webkit-autofill { -webkit-box-shadow:0 0 0 1000px #fffefb inset!important; -webkit-text-fill-color:#064c39; }
body .aui-form-button button {
    min-height:66px;
    padding:12px 54px;
    border:2px solid #d9a343;
    border-radius:40px;
    background-image:linear-gradient(90deg,transparent 0%,#004938 26%,#004938 67%,transparent 100%),url('../img/auth-button-pattern.svg'),linear-gradient(100deg,#003b2e,#005541);
    background-size:100% 100%,58px 58px,100% 100%;
    box-shadow:0 4px 10px #88622e50,inset 0 0 0 2px #fff0a6;
    font-size:22px;
    font-weight:600;
    line-height:1.4;
}
body .aui-form-button button:after {
    content:'➜';
    transform:rotate(180deg);
    left:12px;
    top:10px;
    width:42px;
    height:42px;
    line-height:42px;
    font-size:27px;
    font-weight:500;
    background:linear-gradient(145deg,#e9b858,#fff4bd);
    box-shadow:inset 0 0 0 1px #f9df8a;
}
.auth-trust { margin-top:20px; gap:12px; font-size:12px; font-weight:600; color:#76777c; align-items:center; }
.auth-trust span { display:flex; align-items:center; gap:6px; white-space:nowrap; }
.auth-trust span:before { content:''; display:block; width:21px; height:24px; flex-shrink:0; background:url('../img/auth-shield.svg') center/contain no-repeat; }
.auth-trust .auth-trust-service:before { width:25px; background-image:url('../img/auth-service.svg'); }
.auth-trust span+span { padding-inline-start:12px; }
@media(max-width:420px) { .auth-trust { gap:7px; font-size:10px; } .auth-trust span+span { padding-inline-start:7px; } .auth-trust span { gap:4px; } .auth-trust span:before { width:18px; height:21px; } .auth-trust .auth-trust-service:before { width:22px; } }