*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#07111f;--card:rgba(15,29,48,.88);--line:rgba(255,255,255,.1);--text:#f7fbff;--muted:#9eafc4;--accent:#16b8ff;--accent2:#6c5ce7}
html,body{min-height:100%;font-family:Inter,Tajawal,Arial,sans-serif}
body{background:radial-gradient(circle at 20% 15%,rgba(22,184,255,.16),transparent 32%),radial-gradient(circle at 80% 85%,rgba(108,92,231,.18),transparent 34%),linear-gradient(135deg,#050b14,#0b1727);color:var(--text)}
.language-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px}
.language-card{width:min(560px,100%);padding:48px 42px;border:1px solid var(--line);border-radius:28px;background:var(--card);backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.35);text-align:center}
.logo-mark{width: 179px;
    height: 101px;;margin:0 auto 16px;border-radius:18px;display:grid;place-items:center;font-size:32px;font-weight:800;background:#FFF;color:white;box-shadow:0 12px 30px rgba(22,184,255,.2)}
.brand{font-size:25px;font-weight:800;letter-spacing:-.5px}.brand span{display:block;font-size:15px;color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin-top:3px}
.divider{width:64px;height:2px;margin:28px auto;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:3px;color:var(--accent);margin-bottom:12px}
h1{font-size:clamp(27px,5vw,38px);line-height:1.15;margin-bottom:10px}
.subtitle{font-family:Tajawal,Inter,sans-serif;color:var(--muted);font-size:17px;margin-bottom:28px}
.language-buttons{display:grid;gap:12px;text-align:left}
.language-btn{display:grid;grid-template-columns:48px 1fr 28px;align-items:center;gap:12px;text-decoration:none;color:var(--text);padding:15px 17px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);transition:.25s ease}
.language-btn:hover{transform:translateY(-2px);border-color:rgba(22,184,255,.5);background:rgba(22,184,255,.07)}
.language-btn .flag{font-size:27px;text-align:center}
.language-btn strong{display:block;font-size:16px}.language-btn small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.arrow{font-size:20px;color:var(--accent);text-align:center}
.arabic{direction:rtl;text-align:right}.arabic .arrow{transform:rotate(180deg)}
.arabic .flag{text-align:center}
.footer-text{margin-top:28px;color:#71839a;font-size:11px}
@media(max-width:520px){.language-card{padding:38px 22px;border-radius:22px}.language-page{padding:16px}}