:root { --bg:#0B1028; --bg-top:#151D46; --panel:#1B2559; --border:#2B3878; --ink:#ECF2FF; --soft:#C3CEF0; --muted:#8E9BD0; --me:#78D6FF; --lav:#A8B8FF; --bad:#ff5d6c; }
* { box-sizing: border-box; }
html { background:var(--bg); }
body { margin:0; min-height:100vh; background:radial-gradient(ellipse at 50% 0%, #2A3C8F 0%, var(--bg-top) 38%, var(--bg) 100%) fixed; color:var(--soft); font:15px/1.75 "IBM Plex Sans Arabic", system-ui, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 18px 64px; }
h1 { color:var(--ink); font-size:26px; margin:0 0 4px; }
h2 { color:var(--ink); font-size:18px; margin:28px 0 8px; }
p, li { margin: 6px 0; }
a { color: var(--me); }
.mark { display:inline-block; }
.mark img { height:36px; width:auto; display:block; }
.hero { text-align:center; padding:8px 0 4px; }
.hero img.bust { width:220px; max-width:60%; height:auto; filter:drop-shadow(0 12px 40px rgba(120,214,255,.35)); }
.hero .wm { height:56px; width:auto; margin:8px auto 6px; display:block; }
.hero h1 { font-size:30px; line-height:1.4; }
.hero h1 span { color:var(--me); }
.hero .en-tag { color:var(--lav); direction:ltr; }
.card { background:rgba(27,37,89,.75); border:1px solid var(--border); border-radius:16px; padding:16px; margin:16px 0; }
.muted { color: var(--muted); font-size: 13px; }
.button { display:inline-block; background:var(--me); color:#0B1028; border-radius:999px; text-decoration:none; font-weight:700; padding:10px 18px; border-radius:4px; }
.en { direction: ltr; text-align: left; }
.lang { float: left; font-size: 13px; }
table { border-collapse: collapse; width: 100%; font-size: 14px; }
td, th { border-bottom: 1px solid var(--border); padding: 8px 6px; text-align: right; vertical-align: top; }
form label { display:block; font-weight:600; }
input[type=password] { width:100%; max-width:360px; margin-top:6px; padding:10px 12px; border-radius:4px; border:1px solid var(--border); background:#111A44; color:inherit; font:inherit; }
button.button { border:0; cursor:pointer; font:inherit; font-weight:700; }
button.button:disabled { opacity:.6; cursor:default; }