:root{--indigo:#231a4f;--violet:#8771fb;--violet-700:#6150ba;--violet-200:#ddd7fe;--violet-100:#f1eeff;--canvas:#f8f7ff;--surface:#fff;--text:#443c69;--muted:#6b6589;--border:#e5e3ee;--success:#0e9f6e;--danger:#d64545;--head:"Space Grotesk","IBM Plex Sans Arabic",sans-serif;--body:Inter,Calibri,"IBM Plex Sans Arabic","Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--canvas);color:var(--text);font:400 15px/1.55 var(--body)}button,input{font:inherit}.gate-shell{min-height:100vh;display:grid;grid-template-columns:minmax(340px,.8fr) minmax(520px,1.2fr)}
.gate-brand{position:relative;display:flex;flex-direction:column;min-height:100vh;padding:44px 48px;background:var(--indigo);overflow:hidden}.gate-brand:after{content:"";position:absolute;width:520px;height:520px;border:70px solid rgba(135,113,251,.12);border-radius:50%;right:-330px;bottom:-100px}.gate-brand>img{width:34px;height:50px;object-fit:contain}.brand-lockup{position:absolute;top:50px;left:94px;display:flex;flex-direction:column;color:white}.brand-lockup strong{font:700 19px/1 var(--head)}.brand-lockup span{font-size:10px;color:var(--violet-200);margin-top:4px}.gate-message{position:relative;z-index:1;margin:auto 0;max-width:520px}.gate-message>span,.eyebrow{display:block;font:700 11px/1.2 var(--head);letter-spacing:.1em;color:var(--violet-200)}.gate-message h1{margin:18px 0 16px;color:white;font:700 clamp(34px,4vw,58px)/1.06 var(--head);letter-spacing:-.04em}.gate-message p{margin:0;color:#c9bffd;font-size:17px;max-width:45ch}.gate-brand>small{position:relative;z-index:1;color:var(--violet-200);font-size:11px}
.gate-access{position:relative;display:grid;place-items:center;min-height:100vh;padding:48px}.language-toggle{position:absolute;top:28px;right:32px;border:1px solid var(--border);background:var(--surface);color:var(--violet-700);border-radius:8px;padding:8px 12px;cursor:pointer}.access-card{width:min(100%,490px);padding:38px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.access-card .eyebrow{color:var(--violet-700)}.access-card h2{margin:10px 0 8px;color:var(--indigo);font:700 30px/1.15 var(--head);letter-spacing:-.03em}.access-card>p{margin:0 0 24px;color:var(--muted)}form{display:grid;gap:9px}label{margin-top:7px;color:var(--indigo);font:700 12px/1.2 var(--head)}input{width:100%;height:46px;border:1px solid var(--border);border-radius:9px;padding:0 12px;color:var(--text);background:white;outline:none}input:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-100)}form button{height:46px;margin-top:10px;border:0;border-radius:9px;background:var(--indigo);color:white;font-weight:700;cursor:pointer}form button:disabled{opacity:.6;cursor:wait}.access-error{min-height:20px;color:var(--danger);font-size:12px}.security-note{display:grid;grid-template-columns:10px 1fr;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.security-note span{width:8px;height:8px;margin-top:7px;border-radius:50%;background:var(--success)}.security-note p{margin:0;color:var(--muted);font-size:12px}.access-footer{position:absolute;bottom:22px;color:var(--muted)}
[dir="rtl"] body{font-family:"IBM Plex Sans Arabic",var(--body);line-height:1.7}[dir="rtl"] .brand-lockup{left:auto;right:94px}[dir="rtl"] .language-toggle{right:auto;left:32px}[dir="rtl"] .gate-message h1,[dir="rtl"] .access-card h2{letter-spacing:0}
@media(max-width:880px){.gate-shell{grid-template-columns:1fr}.gate-brand{display:none}.gate-access{padding:76px 20px 48px}.access-card{padding:28px}.access-footer{position:static;margin-top:24px}}