:root{--navy: #153861;--navy-deep: #0f2f4f;--navy-hover: #1a4570;--green: #90a887;--green-ink: #5c7a52;--ink: #1e2b3a;--ink-muted: #4b5a6b;--line: #d1dbe8;--surface: #ffffff;--bg: #f3f5fa;--error: #b42318;--ease: cubic-bezier(.16, 1, .3, 1);color-scheme:light}@media(prefers-color-scheme:dark){:root{--ink: #ebf1f8;--ink-muted: #b6c2d2;--line: #2c4a70;--surface: #0f2f4f;--bg: #0b2440;--error: #ff8a80;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:Geist,system-ui,-apple-system,Segoe UI,sans-serif}html[lang=ar] body{font-family:IBM Plex Sans Arabic,Noto Naskh Arabic,Tahoma,sans-serif}.login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.login-side{display:grid;place-items:center;padding:40px 24px;background:radial-gradient(1200px 500px at 110% -10%,rgba(144,168,135,.18),transparent 60%),radial-gradient(900px 500px at -20% 120%,rgba(21,56,97,.1),transparent 60%),var(--bg)}.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(45deg,#0f2f4f,#153861 45%,#1f4d63 70%,#5c7a52);background-size:160% 160%;animation:drift 22s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 40% 45%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 40% 45%,#000 20%,transparent 75%);pointer-events:none}.hero-watermark{position:absolute;width:760px;height:760px;inset-inline-end:-260px;bottom:-300px;opacity:.07;animation:turn 120s linear infinite;pointer-events:none}.hero-watermark.small{width:260px;height:260px;inset-inline-end:auto;inset-inline-start:-90px;top:-90px;bottom:auto;opacity:.05;animation-duration:90s;animation-direction:reverse}.hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:18px;max-width:620px;margin:0 auto;padding:48px 48px 40px;min-height:100%;justify-content:center}.hero-logo{display:block}.hero-kicker{margin:8px 0 0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8}html[lang=ar] .hero-kicker{letter-spacing:0;text-transform:none;font-size:14px}.hero-title{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.2;font-weight:700}.figure-panel{margin-top:6px;padding:14px 14px 10px;border-radius:18px;background:#0f2f4f;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff0f}.hl-stage{width:100%;max-width:440px;margin:0 auto;aspect-ratio:5 / 4;--hairline-plate: #0f2f4f;--hairline-hi: #90a887;--hairline-edge: #8ba3c0;--hairline-mid: #57708f;--hairline-lo: #3b5677;--hairline-stroke: 1.1}.figure-caption{display:flex;align-items:center;justify-content:center;gap:8px;margin:2px 0;min-height:22px;font-size:14px;color:#fffc}.figure-caption .dot{width:7px;height:7px;border-radius:50%;background:#ffffff59;transition:background .3s}.figure-caption .dot.on{background:var(--green);animation:pulse 1.6s ease-out infinite}.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 0;padding:0;list-style:none}.hero-facts li{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);transition:transform .4s var(--ease),background .3s}.hero-facts li:hover{transform:translateY(-3px);background:#ffffff1a}.hero-facts b{white-space:nowrap;font-size:22px;font-weight:700;color:var(--green)}.hero-facts span{font-size:12.5px;color:#ffffffbf}.login-card{width:100%;max-width:430px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px 30px 22px;box-shadow:0 1px 2px #1018280a,0 20px 50px #1538611a}.login-top{display:flex;align-items:center;justify-content:space-between}.login-symbol{display:block}.login-kicker{margin:18px 0 4px;font-size:14px;font-weight:600;color:var(--green-ink)}.login-card h1{margin:0;font-size:23px;line-height:1.3;color:var(--ink)}.lang-switch{height:34px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s}.lang-switch:hover{background:var(--bg);border-color:var(--green)}.login-form{display:flex;flex-direction:column;gap:16px;padding:18px 0 4px}.login-help{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink-muted)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:14px;font-weight:500}.input{height:46px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:16px;font-family:inherit;transition:border-color .2s,box-shadow .25s var(--ease)}.input:hover{border-color:#b5c3d6}.input:focus{outline:none;border-color:var(--green-ink);box-shadow:0 0 0 4px #90a88740}.input.code{letter-spacing:.5em;font-size:24px;text-align:center}.input[aria-invalid=true]{border-color:var(--error);animation:shake .4s}.error{margin:0;font-size:13px;color:var(--error)}.error:empty{display:none}.button{position:relative;overflow:hidden;height:46px;border:none;border-radius:8px;background:var(--green);color:var(--navy);font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .25s,color .25s,transform .2s var(--ease)}.button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-120%)}.button:hover:not([aria-disabled=true]){background:var(--navy);color:#fff}.button:hover:not([aria-disabled=true]):after{transform:translate(120%);transition:transform .8s var(--ease)}.button:active:not([aria-disabled=true]){transform:scale(.98)}.button:focus-visible,.lang-switch:focus-visible{outline:2px solid var(--green-ink);outline-offset:2px}.button[aria-disabled=true]{opacity:.6;cursor:progress}.button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.button.secondary:hover{background:var(--bg);color:var(--ink)}.button.secondary:after{display:none}.login-foot{display:flex;align-items:center;gap:8px;margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-muted);line-height:1.5}.lock{flex:none;width:12px;height:10px;margin-top:4px;border:1.5px solid var(--green-ink);border-radius:2px;position:relative}.lock:before{content:"";position:absolute;left:1.5px;top:-7px;width:6px;height:6px;border:1.5px solid var(--green-ink);border-bottom:none;border-radius:4px 4px 0 0}.login-card>.error{margin:8px 0 0}.rise{animation:rise .8s var(--ease) both}.d1{animation-delay:.08s}.d2{animation-delay:.16s}.d3{animation-delay:.26s}.d4{animation-delay:.38s}.d5{animation-delay:.46s}.d6{animation-delay:.54s}.step-in{animation:stepin .6s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes stepin{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}html[dir=rtl] .step-in{animation-name:stepin-rtl}@keyframes stepin-rtl{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}@keyframes drift{0%{background-position:0% 30%}to{background-position:100% 70%}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes pulse{0%{box-shadow:0 0 #90a88799}to{box-shadow:0 0 0 9px #90a88700}}@keyframes shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:900px){.login{grid-template-columns:1fr}.login-side{order:1}.hero{order:2}.hero-inner{padding:28px 16px 24px;gap:12px}.hl-stage{max-width:320px}.hero-facts b{font-size:17px}.hero-facts li{padding:10px}.login-side{padding:24px 16px 40px}.login-card{padding:22px 20px 18px}}.dev-code{margin:0;padding:10px 12px;border-radius:8px;background:#fff7e0;border:1px solid #f0d78a;color:#6b4e00;font-size:14px}.dev-code b{letter-spacing:.2em;font-size:16px}