.enara-signin{--brand:#0056D2;--brand-400:#5b8fe6;--brand-300:#8fb4f0;--brand-200:#bcd3f7;--brand-100:#dbe7fd;--brand-50:#eef4ff;--ink:#071530;--amber:#d97706;--paper:#f5f7fa;--surface:#ffffff;--line:#e3e9f3;--line-2:#cfd9ea;--text:#0d1a33;--muted:#55647d;--faint:#7b8aa3;--bad:#b4441c;--bad-50:#fdf0ea;--display:"Bricolage Grotesque","Source Sans 3",system-ui,sans-serif;--arabic:"IBM Plex Sans Arabic","Source Sans 3",system-ui,sans-serif;--e-out:cubic-bezier(.2,.8,.2,1);--e-inout:cubic-bezier(.65,0,.35,1);--e-spring:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017 20.5%,1.043 24.6%,1.035 29.2%,1.007 40%,.998 51.5%,1);min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;isolation:isolate;background:var(--paper);color:var(--text);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,420px);align-items:center;gap:40px;padding:44px clamp(20px,5vw,72px)}.enara-signin *{box-sizing:border-box}.enara-signin [lang=ar],.enara-signin[dir=rtl] .si-card,.enara-signin .si-copy[dir=rtl]{font-family:var(--arabic)}.si-aura{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-2;filter:blur(60px);opacity:.85;pointer-events:none}.si-aura i{position:absolute;border-radius:50%;animation:si-drift 18s ease-in-out infinite}.si-aura i:nth-child(1){width:46%;height:46%;left:8%;top:12%;background:var(--brand-100)}.si-aura i:nth-child(2){width:36%;height:36%;left:46%;top:44%;background:color-mix(in srgb,var(--brand-300) 55%,transparent);animation-delay:-6s;animation-duration:22s}.si-aura i:nth-child(3){width:24%;height:24%;left:30%;top:58%;background:color-mix(in srgb,var(--amber) 22%,transparent);animation-delay:-11s}@keyframes si-drift{33%{transform:translate(8%,-6%) scale(1.08)}66%{transform:translate(-6%,5%) scale(.95)}}.si-dots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(color-mix(in srgb,var(--brand) 18%,transparent) 1px,transparent 1.4px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse at 35% 50%,#000 0,transparent 70%);mask-image:radial-gradient(ellipse at 35% 50%,#000 0,transparent 70%)}.si-scene{position:relative;min-width:0;perspective:1100px}.si-stage{position:relative;height:500px;transform-style:preserve-3d;transform:rotateX(calc(var(--py,0) * -7deg)) rotateY(calc(var(--px,0) * 9deg));transition:transform .6s var(--e-out)}.si-obj{position:absolute;transform-style:preserve-3d;animation:si-bob 7s ease-in-out infinite}@keyframes si-bob{50%{translate:0 -14px}}.si-book{left:6%;top:24%;width:250px;height:170px;transform:translateZ(60px) rotateX(18deg) rotate(-8deg);animation-duration:8s}.si-book .pg{position:absolute;top:0;bottom:0;width:50%;background:var(--surface);border:1px solid var(--line);padding:16px;box-shadow:0 30px 50px -28px #07153073}.si-book .pg.l{left:0;border-radius:12px 2px 2px 12px;transform-origin:right;transform:rotateY(10deg)}.si-book .pg.r{right:0;border-radius:2px 12px 12px 2px;transform-origin:left;transform:rotateY(-10deg)}.si-book .pg i{display:block;height:6px;border-radius:3px;background:var(--line);margin:8px 0}.si-book .pg i.b{background:var(--brand-200);width:70%}.si-tiles{left:56%;top:6%;transform:translateZ(120px) rotate(6deg);animation-delay:-2s;display:flex;flex-direction:column;gap:6px}.si-tiles>div{display:flex;gap:4px}.si-tiles span{height:30px;border-radius:7px;display:grid;place-items:center;color:#fff;font:700 13px var(--display);box-shadow:0 14px 26px -16px #07153099}.si-sigma{left:2%;top:2%;width:84px;height:84px;border-radius:20px;background:var(--ink);color:#fff;display:grid;place-items:center;font:800 44px var(--display);transform:translateZ(30px) rotate(-12deg);animation-delay:-4s;box-shadow:0 30px 50px -28px #07153099}.si-ar{left:72%;top:58%;width:78px;height:78px;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--brand);display:grid;place-items:center;font:600 34px var(--arabic);transform:translateZ(90px);animation-delay:-1s;animation-duration:9s;box-shadow:0 30px 50px -28px #07153073}.si-atom{left:58%;top:30%;width:150px;height:150px;transform:translateZ(20px);animation-delay:-3s;animation-duration:10s}.si-atom .orbit{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--brand-300);border-radius:50%;transform:scaleY(.4)}.si-atom .orbit:nth-child(1){animation:si-spin 9s linear infinite}.si-atom .orbit:nth-child(2){rotate:60deg;border-color:var(--brand-400)}.si-atom .orbit:nth-child(3){rotate:-60deg;border-color:var(--brand-400)}@keyframes si-spin{to{rotate:360deg}}.si-atom .e{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:var(--amber);offset-path:ellipse(75px 30px at 50% 50%);animation:si-orbit 4s linear infinite}@keyframes si-orbit{to{offset-distance:100%}}.si-atom .core{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px;border-radius:50%;background:var(--brand);box-shadow:0 0 18px var(--brand-300)}.si-progress{left:40%;top:72%;width:230px;padding:14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);transform:translateZ(140px) rotate(3deg);animation-delay:-5s;box-shadow:0 30px 50px -28px #07153073}.si-progress small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.si-progress[dir=rtl] small{letter-spacing:0;font-family:var(--arabic);font-size:12px}.si-progress .bar{height:8px;border-radius:5px;background:var(--line);margin-top:8px;overflow:hidden}.si-progress .bar i{display:block;height:100%;width:62%;background:var(--brand);border-radius:5px;animation:si-grow 4s var(--e-inout) infinite alternate}@keyframes si-grow{0%{width:18%}to{width:72%}}.si-path{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.si-path path{stroke-dasharray:6 10;animation:si-dash 3s linear infinite}@keyframes si-dash{to{stroke-dashoffset:-64}}.si-copy{position:relative;max-width:520px;margin-top:4px}.si-copy h1{font:800 clamp(34px,4.2vw,58px)/1 var(--display);letter-spacing:-.02em;margin:0}.si-copy[dir=rtl] h1{font-family:var(--arabic);font-weight:700;line-height:1.25}.si-copy h1 span{color:var(--brand)}.si-copy p{color:var(--muted);margin:12px 0 0;font-size:16px;max-width:44ch;line-height:1.5}.si-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 40px 80px -46px #0715308c;display:flex;flex-direction:column;gap:16px;animation:si-rise .8s var(--e-spring) .2s both;font-family:"Source Sans 3",system-ui,sans-serif}@keyframes si-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.si-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.si-brand{display:flex;gap:10px;align-items:center}.si-logo{height:42px;width:auto;color:var(--ink);display:block}.si-lang{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--surface)}.si-lang button{border:0;background:transparent;padding:5px 12px;font-size:12.5px;font-weight:650;cursor:pointer;color:var(--muted)}.si-lang button[aria-pressed=true]{background:var(--ink);color:#fff}.si-head h2{font:800 24px var(--display);margin:0}.si-card[dir=rtl] .si-head h2{font-family:var(--arabic);font-weight:700}.si-head p{color:var(--muted);margin:4px 0 0}.si-seg{position:relative;display:grid;grid-template-columns:repeat(3,1fr);background:var(--brand-50);border-radius:12px;padding:4px}.si-seg .thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/3);border-radius:9px;background:var(--surface);box-shadow:0 2px 8px -2px #07153033;transform:translate(calc(var(--i,0) * 100%));transition:transform .38s var(--e-spring)}.si-card[dir=rtl] .si-seg .thumb{left:auto;right:4px;transform:translate(calc(var(--i,0) * -100%))}.si-seg button{position:relative;z-index:1;border:0;background:transparent;padding:9px 6px;font-size:13.5px;font-weight:650;color:var(--muted);cursor:pointer;border-radius:9px;transition:color .18s var(--e-out)}.si-seg button[aria-pressed=true]{color:var(--text)}.si-field{display:flex;flex-direction:column;gap:6px}.si-field label{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;font-weight:650}.si-link{border:0;background:none;padding:0;font-size:13px;font-weight:600;color:var(--brand);cursor:pointer}.si-link:hover{text-decoration:underline}.si-input{display:flex;align-items:center;gap:10px;border:1px solid var(--line-2);border-radius:12px;padding:0 12px;background:var(--surface);transition:border-color .18s var(--e-out),box-shadow .18s var(--e-out)}.si-input:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 16%,transparent)}.si-input.err{border-color:var(--bad);animation:si-shake .32s var(--e-out)}@keyframes si-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.si-input>svg{color:var(--faint);flex:none}.si-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:12px 0;font-size:15px;color:var(--text)}.si-input button{border:0;background:none;color:var(--faint);cursor:pointer;display:grid;place-items:center;padding:4px}.si-hint{font-size:13px;color:var(--muted);display:flex;gap:6px;align-items:center;margin:0}.si-hint.err{color:var(--bad)}.si-alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.4;animation:si-rise .32s var(--e-out) both}.si-alert.err{background:var(--bad-50);color:var(--bad)}.si-alert.info{background:var(--brand-50);color:#0b3d91}.si-alert svg{flex:none;margin-top:1px}.si-submit{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:13px;background:var(--brand);color:#fff;font-size:15.5px;font-weight:700;cursor:pointer;box-shadow:0 12px 24px -14px var(--brand);transition:transform .11s var(--e-out),background .18s var(--e-out)}.si-submit:hover{background:#0049b3}.si-submit:active{transform:scale(.98)}.si-submit:disabled{opacity:.8;cursor:progress}.si-card[dir=rtl] .si-submit svg{transform:scaleX(-1)}.si-spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:si-spin .7s linear infinite}.enara-signin :focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media(max-width:900px){.enara-signin{grid-template-columns:minmax(0,1fr);padding:18px 16px 28px;gap:6px;align-content:start}.si-scene{overflow:hidden;margin:0 -16px;padding:0 16px;direction:ltr}.si-stage{height:300px;width:166%;margin-bottom:-120px;transform:scale(.6) rotateX(calc(var(--py,0) * -7deg)) rotateY(calc(var(--px,0) * 9deg));transform-origin:top left}.si-copy{margin:6px 0 12px}.si-card{min-width:0}.si-copy p{display:none}.si-copy h1{font-size:34px}.si-card{padding:22px}}@media(prefers-reduced-motion:reduce){.enara-signin *,.enara-signin *:before,.enara-signin *:after{animation:none!important;transition:none!important}.si-stage{transform:none!important}}