@font-face{font-family:Rubik;src:url('/fonts/rubik-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:Arabic;src:url('/fonts/noto-sans-arabic.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--bg:#091523;--card:#10263a;--ink:#eef6ff;--muted:#a6bfd2;--action:#ff806f;--line:#305169}
body[data-palette=emerald]{--bg:#091f19;--card:#10372d;--line:#326457}body[data-palette=royal]{--bg:#17142b;--card:#292041;--line:#594677}body[data-palette=ember]{--bg:#261a15;--card:#3a271f;--line:#6b4a38}body[data-palette=burgundy]{--bg:#26131d;--card:#3b1e2d;--line:#71354d}body[data-palette=graphite]{--bg:#171c23;--card:#272f3a;--line:#485566}
body[data-mode=light]{color-scheme:light;--bg:#edf3f8;--card:#ffffff;--ink:#142b40;--muted:#4b6479;--line:#c2d1de}body[data-mode=gray]{--bg:#252d36;--card:#343f4d;--line:#657485}
body[data-action=gold]{--action:#ffd64c}body[data-action=aqua]{--action:#50d8d5}body[data-action=lime]{--action:#b7e869}body[data-action=violet]{--action:#bfa3ff}body[data-action=rose]{--action:#f69ac0}
body[data-font=system]{font-family:system-ui,Arabic,sans-serif}body[data-font=compact]{font-family:'Arial Narrow',Arabic,sans-serif}body[data-font=editorial]{font-family:Georgia,Arabic,serif}body[data-size=small]{font-size:15px}body[data-size=default]{font-size:16px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 25% 35%,#1a4b63 0,transparent 62%),var(--bg);color:var(--ink);font:18px/1.65 Rubik,Arabic,system-ui,sans-serif;min-height:100svh}
main{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,460px);align-items:center;gap:7vw;max-width:1600px;margin:auto;padding:64px 6vw;direction:ltr}
.brand-panel{min-width:0;position:relative}.brand-logo{display:block;max-width:300px;width:70%;height:auto;margin:0 auto 70px}.brand-name{text-align:center;font-size:48px;font-weight:700;letter-spacing:.06em}
.pitch{position:relative;height:340px;border:2px solid #67bace66;border-radius:46%;transform:perspective(900px) rotateX(30deg) rotateZ(-12deg);box-shadow:0 0 0 22px #599bab12,0 0 0 44px #599bab10,0 0 0 66px #599bab0c,0 0 100px #34a9c626;background:repeating-linear-gradient(90deg,#3f7f8710 0 55px,#74bc9f15 55px 110px);overflow:hidden}
.pitch-line{position:absolute;inset:12% 12%;border:2px solid #a5d6df55}.pitch-line:after{content:'';position:absolute;inset-block:0;inset-inline-start:50%;border-inline-start:2px solid #a5d6df55}.pitch-circle{position:absolute;width:100px;height:100px;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid #a5d6df55;border-radius:50%}
.login-card{direction:inherit;border:1px solid var(--line);border-radius:24px;padding:40px;background:var(--card);box-shadow:0 24px 70px #0005}
html[dir=rtl] .login-card{direction:rtl}h1{font-size:30px;line-height:1.4;margin:6px 0 12px}.eyebrow{font-size:14px;color:var(--action);font-weight:600;margin:0}.intro,.help{color:var(--muted)}.intro{margin:0 0 28px}.help{font-size:14px;margin:24px 0 0;padding-top:22px;border-top:1px solid var(--line)}
label{display:block;font-size:15px;margin:18px 0 7px}input,button{width:100%;min-height:52px;font:inherit;border-radius:12px;padding:10px 14px}input{background:var(--bg);border:1px solid var(--line);color:var(--ink)}button{margin-top:24px;border:0;background:var(--action);color:#251a20;font-weight:600;cursor:pointer}button:disabled{opacity:.65;cursor:wait}:focus-visible{outline:3px solid #78ccff;outline-offset:3px}#error{font-size:15px;color:#ffc2b8} [hidden]{display:none!important}
@media(max-width:760px){main{display:flex;flex-direction:column;justify-content:center;gap:26px;padding:32px 20px}.brand-panel{width:100%}.brand-logo{max-width:220px;margin:0 auto}.brand-name{font-size:30px;margin:0}.pitch{display:none}.login-card{width:100%;max-width:460px;padding:28px 24px}h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}