/* صفحة دخول ليرنوفا: فاتحة ومريحة، والشعار جزء من التصميم نفسه (أزرق الشعار وأحمره) */
@font-face{font-family:'LV Cairo';font-style:normal;font-weight:200 1000;font-display:block;src:url('/brand/cairo-arabic.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'LV Cairo';font-style:normal;font-weight:200 1000;font-display:block;src:url('/brand/cairo-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
#loginScreen.lv-login,#loginScreen.lv-login *{font-family:'LV Cairo',Cairo,Tahoma,sans-serif!important;box-sizing:border-box;letter-spacing:0}
html.fq-login-fallback-font #loginScreen.lv-login,html.fq-login-fallback-font #loginScreen.lv-login *{font-family:Tahoma,Arial,sans-serif!important}
#loginScreen.fq-login.lv-login{scrollbar-width:thin;scrollbar-color:#c3d3f2 transparent;--ink:#0E1B3D;--muted:#5F6B86;--line:#DAE2F1;--navy:#0A2463;--b:#0B4FD8;--bd:#023DA3;--bx:#3D8BFF;--r:#E0152B;--rd:#B9000E;background:#F4F8FF!important;color:var(--ink);overflow:auto;overflow-x:hidden;padding:0;isolation:isolate;opacity:1!important;filter:none!important;transform:none!important}
#loginScreen.lv-login.show{display:block!important}
#loginScreen.fq-login.lv-login::before,#loginScreen.fq-login.lv-login::after{display:none!important}

.lv-scene{position:relative;width:100%;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(24px,4vw,80px);padding:clamp(28px,3.6vw,64px) clamp(24px,5vw,96px) clamp(60px,8vh,86px);overflow:hidden;direction:rtl}

/* الخلفية: أبيض مزرق هادي، بقع لونية ناعمة من ألوان الشعار، وخطوط دوائر إلكترونية خفيفة */
.lv-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(162deg,#FBFDFF 0%,#F1F6FF 46%,#E6EEFF 100%)}
.lv-grid{position:absolute;inset:-2px;background-image:radial-gradient(rgba(11,79,216,.16) 1.2px,transparent 1.3px);background-size:30px 30px;-webkit-mask-image:radial-gradient(60% 70% at 72% 46%,#000 0%,transparent 80%);mask-image:radial-gradient(60% 70% at 72% 46%,#000 0%,transparent 80%);opacity:.7}
.lv-blob{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform}
.lv-blob.b1{width:44vmax;height:44vmax;right:-6vmax;top:-20vmax;background:#9CC2FF;opacity:.55;animation:lvDrift 22s ease-in-out infinite alternate}
.lv-blob.b2{width:36vmax;height:36vmax;left:-14vmax;bottom:-20vmax;background:#FFB3BC;opacity:.38;animation:lvDrift 26s ease-in-out infinite alternate-reverse}
.lv-blob.b3{width:32vmax;height:32vmax;right:26%;top:30%;background:#C9DCFF;opacity:.6;animation:lvDrift 30s ease-in-out infinite alternate}
@keyframes lvDrift{to{transform:translate3d(4vmax,3vmax,0) scale(1.12)}}
.lv-traces{position:absolute;inset:0;width:100%;height:100%}
.lv-trace-lines path{fill:none;stroke:rgba(11,79,216,.13);stroke-width:2}
.lv-trace-pulse path{fill:none;stroke:#2F7BFF;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:46 1400;stroke-dashoffset:1446;animation:lvPulse 7s linear infinite;opacity:.75}
.lv-trace-pulse .p2{animation-delay:-2.2s;animation-duration:8s}.lv-trace-pulse .p3{animation-delay:-4.6s;stroke:#E0152B}
.lv-trace-pulse .p4{animation-delay:-1.1s;animation-duration:9s}.lv-trace-pulse .p5{animation-delay:-5.4s;animation-duration:6.5s}.lv-trace-pulse .p6{animation-delay:-3.3s;stroke:#E0152B}
@keyframes lvPulse{to{stroke-dashoffset:0}}
.lv-nodes circle{fill:#fff;stroke:rgba(11,79,216,.45);stroke-width:2.5}

/* الشعار: مرسوم على الخلفية مباشرة، يطفو بهدوء وخلفه حلقات خفيفة */
.lv-hero{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;min-width:0}
.lv-mark{position:relative;width:clamp(240px,38vh,430px);aspect-ratio:976/802;margin-bottom:clamp(2px,1vh,10px)}
.lv-emblem{position:relative;z-index:1;width:100%;height:auto;display:block;filter:drop-shadow(0 24px 30px rgba(10,36,99,.18));animation:lvFloat 7s ease-in-out infinite}
.lv-rings{position:absolute;inset:-18% -14%;display:grid;place-items:center;pointer-events:none}
.lv-rings i{position:absolute;aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(11,79,216,.14)}
.lv-rings i:nth-child(1){width:78%;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(255,255,255,.5) 55%,transparent 72%);border-color:rgba(11,79,216,.10)}
.lv-rings i:nth-child(2){width:98%;border-style:dashed;border-color:rgba(11,79,216,.20);animation:lvSpin 60s linear infinite}
.lv-rings i:nth-child(3){width:118%;border-color:rgba(224,21,43,.12);animation:lvSpin 90s linear infinite reverse}
.lv-rings i:nth-child(3)::after{content:'';position:absolute;top:50%;left:-6px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFC2C8,#E0152B 60%,#9A0A1C);box-shadow:0 0 12px rgba(224,21,43,.55)}
.lv-rings i:nth-child(2)::after{content:'';position:absolute;top:-7px;left:50%;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#D6E6FF,#3D8BFF 60%,#0A3AB0);box-shadow:0 0 12px rgba(61,139,255,.6)}
@keyframes lvSpin{to{transform:rotate(360deg)}}
@keyframes lvFloat{50%{transform:translateY(-10px)}}

.lv-wordmark{width:clamp(240px,24vw,440px);height:auto;display:block;margin-top:clamp(2px,.6vh,8px);animation:lvIn .9s cubic-bezier(.2,.8,.2,1) both .2s}
.lv-title{margin:clamp(10px,1.8vh,20px) 0 0;font-weight:900!important;font-size:clamp(26px,2.5vw,46px)!important;line-height:1.3!important;color:var(--navy)!important;animation:lvIn .9s cubic-bezier(.2,.8,.2,1) both .35s}
.lv-lead{margin:clamp(2px,.6vh,8px) 0 0;font-size:clamp(17px,1.5vw,27px);font-weight:700;color:#3C5A96;animation:lvIn .9s cubic-bezier(.2,.8,.2,1) both .5s}
.lv-lead::after{content:'';display:block;width:64px;height:4px;margin:clamp(10px,1.6vh,16px) auto 0;border-radius:4px;background:linear-gradient(90deg,#0B4FD8 0 60%,#E0152B 60%)}
@keyframes lvIn{from{transform:translateY(22px);opacity:0}to{transform:none;opacity:1}}
.lv-feats{list-style:none;margin:clamp(14px,2.4vh,30px) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,auto));justify-content:center;gap:clamp(8px,1vw,14px)}
.lv-feats li{display:inline-flex;align-items:center;gap:10px;padding:clamp(9px,1.1vh,13px) clamp(14px,1.4vw,22px);border-radius:16px;background:rgba(255,255,255,.82);border:1px solid #dfe7f6;box-shadow:0 10px 24px -16px rgba(10,36,99,.35);font-size:clamp(14px,1.02vw,18px);font-weight:700;color:var(--navy);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:lvIn .8s cubic-bezier(.2,.8,.2,1) both calc(.65s + var(--i)*.1s)}
.lv-feats svg{width:24px;height:24px;flex:none;padding:5px;border-radius:9px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;background:linear-gradient(135deg,#3D8BFF,#0B4FD8)}
.lv-feats li:nth-child(2) svg,.lv-feats li:nth-child(3) svg{background:linear-gradient(135deg,#FF5A69,#C40F22)}

/* بطاقة الدخول */
#loginScreen .lv-card.fq-ref-form{position:relative;inset:auto;width:100%;max-width:540px;height:auto;margin:0 auto;padding:clamp(28px,3vw,48px);border:1px solid #e3eaf7;border-radius:clamp(24px,2.2vw,34px);background:#fff;box-shadow:0 40px 80px -36px rgba(10,36,99,.45),0 0 0 8px rgba(255,255,255,.6);color:var(--ink);text-align:right;animation:lvCard 1s cubic-bezier(.2,.8,.2,1) both .3s}
#loginScreen .lv-card.fq-ref-form::before{content:'';position:absolute;inset:-1px 14% auto;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#0B4FD8,#3D8BFF 60%,#E0152B)}
@keyframes lvCard{from{transform:translateY(28px) scale(.97);opacity:0}to{transform:none;opacity:1}}
#loginScreen .lv-card .fq-ref-form-content{position:static;width:auto;height:auto;transform:none}
.lv-card-h{margin-bottom:clamp(14px,2.2vh,24px)}
#loginScreen .lv-card-h h2{position:static;margin:0;font-weight:900!important;font-size:clamp(30px,2.5vw,44px)!important;line-height:1.3!important;color:var(--navy)!important}
#loginScreen .lv-card-h p{margin:4px 0 0;font-size:clamp(15px,1.05vw,18px);font-weight:600;color:var(--muted)}
#loginScreen .lv-card .fq-ref-form-content>label{position:static;display:block;margin:clamp(12px,1.8vh,20px) 0 8px;font-size:clamp(15px,1vw,17px);font-weight:800;line-height:1.5;color:var(--ink)}
#loginScreen .lv-card .fq-ref-field{position:relative;inset:auto;width:100%;height:clamp(56px,6.4vh,64px)}
#loginScreen .lv-card .lg-input{width:100%;height:100%;min-height:0;margin:0;padding:8px 54px 8px 52px;border:1.5px solid var(--line)!important;border-radius:16px!important;background:#f7f9fd!important;color:var(--ink)!important;font-size:17px!important;font-weight:600;line-height:1.5;box-shadow:none;transition:border-color .18s,box-shadow .18s,background .18s}
#loginScreen .lv-card .lg-input::placeholder{color:#98A3BC;opacity:1;font-weight:500}
#loginScreen .lv-card .lg-input:focus{border-color:var(--b)!important;background:#fff!important;outline:none;box-shadow:0 0 0 5px rgba(11,79,216,.12)}
#loginScreen .lv-card .fq-ref-field-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--b)}
#loginScreen .lv-card .lg-toggle-pwd{position:absolute;left:10px;right:auto;top:50%;transform:translateY(-50%);width:42px;height:42px;display:grid;place-items:center;padding:0;background:transparent;border:0;border-radius:12px;color:var(--muted);cursor:pointer}
#loginScreen .lv-card .lg-toggle-pwd:hover{background:#eef3ff;color:var(--b)}
#loginScreen .lv-card .fq-ref-options{position:static;width:100%;height:auto;margin:clamp(14px,2vh,22px) 0;display:flex;align-items:center;justify-content:space-between;gap:10px}
#loginScreen .lv-card .lg-remember{display:flex;align-items:center;gap:10px;margin:0;color:var(--ink);font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer}
#loginScreen .lv-card .fq-ref-options input{appearance:auto;width:20px;height:20px;margin:0;accent-color:#0B4FD8;cursor:pointer;flex:none}
#loginScreen .lv-card .fq-ref-forgot{padding:0;margin:0;background:transparent;border:0;color:#0B4FD8;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap}
#loginScreen .lv-card .fq-ref-forgot:hover{color:#B9000E;text-decoration:underline}
#loginScreen .lv-card .lg-submit{position:relative;inset:auto;width:100%;height:clamp(58px,7vh,70px);min-height:0;margin:0;padding:0;display:flex;justify-content:center;align-items:center;gap:14px;border:0;border-radius:18px;background:linear-gradient(100deg,#023DA3 0%,#0B4FD8 55%,#2F7BFF 100%);color:#fff;font-size:clamp(20px,1.5vw,24px);font-weight:900;cursor:pointer;overflow:hidden;box-shadow:0 18px 34px -14px rgba(11,79,216,.75);transition:transform .18s,box-shadow .18s,filter .18s}
#loginScreen .lv-card .lg-submit::before{content:'';display:block;position:absolute;inset:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.32),transparent);transform:skewX(-18deg);animation:lvShine 5.5s ease-in-out infinite 1.6s}
#loginScreen .lv-card .lg-submit::after{display:none}
@keyframes lvShine{0%,70%{left:-60%}100%{left:130%}}
#loginScreen .lv-card .lg-submit:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 24px 40px -14px rgba(11,79,216,.85);background:linear-gradient(100deg,#023DA3 0%,#0B4FD8 55%,#2F7BFF 100%)}
#loginScreen .lv-card .lg-submit:disabled{opacity:.75;cursor:wait;transform:none}
#loginScreen .lv-card .lg-submit svg{position:relative;width:30px;height:30px;padding:5px;border-radius:50%;background:linear-gradient(135deg,#FF5A69,#C40F22);color:#fff;flex:none;box-shadow:0 4px 12px -2px rgba(196,15,34,.6);transform:scaleX(-1)}
#loginScreen .lv-card .lg-submit span{position:relative}
#loginScreen .lv-card .lg-err{display:none;position:static;width:100%;margin:0 0 6px;padding:11px 14px;border:0;border-radius:13px;background:#fdecee;color:#a50e1f;font-size:14px;font-weight:700;line-height:1.5}
#loginScreen .lv-card .lg-err.show{display:block}
.lv-secure{display:flex;align-items:center;justify-content:center;gap:7px;margin:clamp(12px,1.8vh,18px) 0 0;font-size:13.5px;font-weight:600;color:#7a86a3}
.lv-secure svg{width:16px;height:16px;fill:#e9f0ff;stroke:#0B4FD8;stroke-width:2;stroke-linejoin:round}
#loginScreen.lv-login :is(button,a,input):focus-visible{outline:3px solid #3D8BFF;outline-offset:3px}
#loginScreen .lv-card .lg-input:focus-visible{outline:none}
.lv-foot{position:absolute;inset:auto 0 clamp(14px,2.4vh,24px) 0;text-align:center;font-size:13px;font-weight:600;letter-spacing:.08em!important;color:#8a97b4}

/* شاشات أقل ارتفاعًا */
@media (min-width:1101px) and (max-height:800px){
  .lv-mark{width:clamp(200px,32vh,300px)}.lv-feats{margin-top:12px}
  .lv-wordmark{width:clamp(220px,20vw,340px)}
}
/* تابلت وجوال: عمود واحد */
@media (max-width:1100px){
  .lv-scene{grid-template-columns:minmax(0,1fr);gap:clamp(18px,4vh,32px);padding:clamp(22px,5vw,46px) clamp(16px,4vw,40px) 60px;align-content:start}
  .lv-mark{width:clamp(180px,40vw,300px)}
  .lv-wordmark{width:clamp(200px,44vw,340px)}
  .lv-title{font-size:clamp(22px,4.6vw,34px)!important}
  .lv-lead{font-size:clamp(16px,3.4vw,22px)}
  .lv-feats li{font-size:clamp(13px,2.3vw,16px)}
}
@media (max-width:520px){
  /* على الجوال: الشعار أصغر ومربع الدخول يظهر بدون تمرير طويل */
  .lv-scene{gap:14px;padding-top:14px}
  .lv-mark{width:min(48vw,190px)}
  .lv-wordmark{width:min(52vw,210px)}
  .lv-title{font-size:21px!important;margin-top:6px}
  .lv-lead{font-size:15px;margin-top:0}
  .lv-lead::after{display:none}
  .lv-feats{display:none}
  #loginScreen .lv-card.fq-ref-form{padding:24px 18px}
  #loginScreen .lv-card .lg-remember,#loginScreen .lv-card .fq-ref-forgot{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  #loginScreen.lv-login *,#loginScreen.lv-login *::before,#loginScreen.lv-login *::after{animation:none!important;transition:none!important}
}