.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#090909c7,#100e0bdc),url('../images/wm-black-marble.webp') center/cover fixed}
.login-shell{width:min(100%,480px);perspective:1200px}
.login-card{position:relative;padding:42px 44px 28px;border:1px solid #d4af3766;border-radius:20px;background:linear-gradient(145deg,#1c1a16f2,#101112f5 56%,#17130df5),url('../images/wm-black-marble.webp') center/cover;box-shadow:0 36px 90px #000b,inset 0 1px #fff2,inset 0 0 40px #d4af370d;transform:rotateX(1deg)}
.login-card:before{position:absolute;content:'';inset:8px;border:1px solid #d4af371d;border-radius:14px;pointer-events:none}
.login-brand{display:flex;align-items:center;justify-content:center;gap:16px;color:#f5e7b1;font:700 15px/1.25 Inter,Tajawal,sans-serif;letter-spacing:.08em;text-align:start}
.login-brand img{width:78px;height:78px;object-fit:contain;filter:drop-shadow(2px 5px 6px #000) drop-shadow(0 0 11px #d4af3750);transform:perspective(500px) rotateY(-12deg) rotateX(8deg)}
.login-brand small{display:block;margin-top:7px;color:#c9aa4a;font-size:9px;letter-spacing:.18em}
.login-rule{display:flex;align-items:center;gap:12px;margin:26px auto 20px;color:#d8bb54;font-size:12px}.login-rule i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#d4af3780,transparent)}
.login-kicker{margin:0;color:#d6b84f;text-align:center;font-size:12px;letter-spacing:.08em}.login-card h1{margin:7px 0 5px;color:#f7f3e8;text-align:center;font:600 29px/1.3 'Playfair Display','Tajawal',serif}.login-subtitle{margin:0 0 25px;color:#aaa79c;text-align:center}
#loginForm{display:grid;gap:9px}#loginForm label{margin-top:5px;color:#ddd7c6;font-size:13px;font-weight:600}#loginForm input{width:100%;height:48px;border:1px solid #d4af3738;border-radius:9px;padding:0 14px;background:#090a0bed;color:#fff;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}#loginForm input:focus{border-color:#e5c55b;box-shadow:0 0 0 3px #d4af371c}
#submitButton{height:49px;margin-top:12px;border:1px solid #e0c25c;border-radius:9px;background:linear-gradient(115deg,#8c6a19,#d5b44c 48%,#aa8330);color:#17130a;font-weight:800;box-shadow:0 8px 24px #b48b292e,inset 0 1px #fff8}#submitButton:disabled{opacity:.65;cursor:wait}
#loginError{min-height:20px;margin:2px 0 0;color:#ef9d8c;text-align:center;font-size:13px}.language-button{display:block;margin:12px auto 0;border:0;background:transparent;color:#e1c662;font-weight:700;cursor:pointer}.login-card footer{margin-top:22px;color:#77736b;text-align:center;font:10px Inter,sans-serif;letter-spacing:.16em}.login-card footer span{color:#d4af37;padding:0 5px}
@media(max-width:520px){.login-page{padding:16px}.login-card{padding:32px 24px 23px}.login-brand img{width:66px;height:66px}.login-card h1{font-size:25px}}