/* Presentation only: original form IDs, validation and API handlers stay intact. */
html { height:100%; background:#09121f; }
body { min-height:100dvh; background:#09121f; }
body.qamar-entry-login { background:#09121f url('/static/qamar-entry/background.png?v=entry1') center/cover fixed no-repeat; color:#eee2c9; }
.qamar-entry-login .wrapper { max-width:none; background:transparent; }
.qamar-entry-login #bg { display:none; }
.qamar-entry-login .loginbox { position:fixed!important; left:calc(76% - 205px)!important; top:50%!important; transform:translateY(-50%); margin:0!important; width:410px!important; max-width:none!important; max-height:95dvh; overflow:auto; background:transparent!important; box-shadow:none!important; border-radius:0!important; }
.qamar-entry-login .loginbox .layui-layer-content { overflow:visible!important; height:auto!important; }
.qamar-entry-login #account-login { position:relative; width:100%; padding:72px 43px 66px; background:#09121f; border:2px solid #cfaa62; border-radius:20px; box-shadow:0 0 0 4px #142235,0 0 0 5px #8b6736,0 20px 60px #000c; color:#eee2c9; }
.qamar-entry-login #account-login:before { content:''; position:absolute; inset:-3px; border-radius:20px; background:url('/static/qamar-entry/login-art.png?v=entry1') 90.6% 50%/354.6% 147% no-repeat; pointer-events:none; }
.qamar-entry-login #account-login:after { content:''; position:absolute; inset:73px 25px 61px; background:#080e17; pointer-events:none; }
.qamar-entry-login #account-login>* { position:relative; z-index:1; }
.qamar-entry-login #account-login .title { margin:0 0 25px; padding:0; font:22px/1.3 Georgia,serif; text-align:center; color:#f5e6c3; background:#080e17; }
.qamar-entry-login #account-login input,.qamar-entry-login #account-login select { border:1px solid #b79350; border-radius:4px; background:#080e17; color:#f6e6c6; height:44px; margin:0 0 13px; padding:0 14px; font:15px/1.4 system-ui,sans-serif; }
.qamar-entry-login input::placeholder { color:#bdb4a4; opacity:1; }
.qamar-entry-login input:focus,.qamar-entry-login select:focus { outline:2px solid #78b9ff; outline-offset:2px; }
.qamar-entry-login #agree { margin:14px 0; text-align:left; font:11px/1.7 system-ui,sans-serif; color:#c3cbd6; }
.qamar-entry-login #agree span { margin-right:5px; vertical-align:middle; }
.qamar-entry-login #agree img { width:15px; height:15px; }
.qamar-entry-login #agree a { color:#dfbd77; text-decoration:underline; }
.qamar-entry-login #submitButton { margin:18px 0 16px; padding:0; height:57px; line-height:57px; font: bold 25px/57px Georgia,serif; letter-spacing:2px; border:2px solid #e3bc70; background:linear-gradient(#2187ff,#073383 50%,#021c46); box-shadow:inset 0 0 0 3px #0c1a31,inset 0 0 18px #70c1ff80,0 0 14px #147eff70; clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%); }
.qamar-entry-login #submitButton.disabled { opacity:.5; }
.qamar-entry-login .forget_password { display:flex; justify-content:space-between; gap:10px; font:12px/1.5 system-ui,sans-serif; }
.qamar-entry-login .forget_password a { color:#e7c883; }
.qamar-entry-login #copyright { position:fixed!important; left:0; right:0; top:auto!important; bottom:12px; width:100%!important; transform:none!important; margin:0; padding:0; color:#e5d9c0; font:11px/1.6 system-ui,sans-serif; text-align:center; pointer-events:none; }
.qamar-entry-login #copyright a { pointer-events:auto; color:inherit; }
.qamar-entry-login #getCode { color:#dfbd77; font-size:12px; }
.qamar-entry-login .code { display:flex; align-items:center; gap:8px; }
.qamar-entry-login a:focus-visible { outline:2px solid #78b9ff; outline-offset:4px; }
@media(max-width:760px) and (orientation:portrait) {
 .qamar-entry-login { background-position:39% top!important; background-size:auto 58vh!important; }
 .qamar-entry-login .loginbox { left:50%!important; top:45%!important; transform:translate(-50%,-10%); width:min(370px,90vw)!important; max-height:60dvh; }
 .qamar-entry-login #account-login { padding:60px 32px 55px; }
 .qamar-entry-login #account-login:after { inset:60px 23px 50px; }
 .qamar-entry-login #account-login .title { font-size:20px; margin-bottom:18px; }
 .qamar-entry-login #copyright { font-size:10px; bottom:5px; }
}
@media(orientation:landscape) and (max-height:550px) {
 .qamar-entry-login .loginbox { width:340px!important; left:calc(76% - 170px)!important; max-height:96dvh; }
 .qamar-entry-login #account-login { padding:48px 30px 42px; }
 .qamar-entry-login #account-login:after { inset:48px 20px 38px; }
 .qamar-entry-login #account-login .title { font-size:18px; margin-bottom:12px; }
 .qamar-entry-login #account-login input { height:36px; margin-bottom:8px; }
 .qamar-entry-login #agree { margin:6px 0; font-size:10px; }
 .qamar-entry-login #submitButton { height:44px; line-height:44px; font-size:22px; margin:10px 0; }
 .qamar-entry-login #copyright { display:none!important; }
}