:root{--spring:cubic-bezier(.34,1.56,.64,1)}
/* ===========================================================
   البوّابتان
   =========================================================== */

/* الحياة البرتقالية: كتلٌ ضوئية ضخمة تموج ببطء في العتمة.
   بطيئة عمدًا (40 ثانية فأكثر) لتكون حضورًا لا حركةً تلفت. */
.aur{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.au{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;will-change:transform}
.au.a1{width:62vmin;height:62vmin;left:-8vmin;top:-10vmin;
  background:radial-gradient(circle,#FF5722 0%,#c8431a55 45%,transparent 70%);
  animation:aur1 44s ease-in-out infinite}
.au.a2{width:52vmin;height:52vmin;right:-10vmin;bottom:-12vmin;
  background:radial-gradient(circle,#e0561f 0%,#8a2f1044 50%,transparent 72%);
  animation:aur2 58s ease-in-out infinite}
.au.a3{width:38vmin;height:38vmin;left:38%;top:52%;
  background:radial-gradient(circle,#ff7a4d 0%,#c8431a33 50%,transparent 70%);
  animation:aur3 52s ease-in-out infinite;opacity:.32}
.aur-dim .au{opacity:.24;filter:blur(110px)}
/* --- البوّابة الأولى --- */
.gate1{position:fixed;inset:0;z-index:200;background:#0b0a07;
  display:flex;align-items:center;justify-content:center;
  transition:opacity .42s var(--ease)}
.gate1.gone{opacity:0;pointer-events:none}
.g1wrap{position:relative;z-index:2;display:flex;flex-direction:column;
  align-items:center;gap:18px;animation:g1in 1.1s var(--spring) both}
.g1box{position:relative;width:min(330px,74vw);height:54px;border-radius:14px;
  background:#fdfcfa;box-shadow:0 0 0 1px #ffffff18,0 18px 50px -12px #000a,
  0 0 60px -18px #FF572266;overflow:hidden;
  transition:box-shadow .3s var(--ease),transform .12s var(--ease)}
.g1box:focus-within{box-shadow:0 0 0 1px #ffffff30,0 20px 56px -12px #000c,
  0 0 78px -14px #FF572299}
.g1box input{width:100%;height:100%;border:0;outline:0;background:transparent;
  text-align:center;font-family:'Lato','Alyamama',sans-serif;font-size:16px;
  letter-spacing:.14em;color:#100e09;padding:0 18px}
.g1box.working{transform:scale(.985)}
.g1box.working::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,#FF5722,transparent);
  animation:g1work 1s linear infinite}
.g1box.bad{animation:g1shake .42s var(--ease)}
.g1box.locked{opacity:.5}
.g1meter{position:absolute;left:0;bottom:0;height:2px;width:0;
  background:#d05a43;transition:width .2s linear}
.g1dots{display:flex;gap:7px;height:6px}
.g1dots .gd,.g2dots .gd{width:6px;height:6px;border-radius:50%;
  background:#d05a4399;animation:gdin .3s var(--spring) both}
.g1fail{color:#e8e2d6;font-size:14px;text-align:center;max-width:320px;
  line-height:1.8;position:relative;z-index:2}
/* --- البوّابة الثانية --- */
.gate2{position:fixed;inset:0;z-index:199;background:#0b0a07;
  display:none;align-items:center;justify-content:center;
  opacity:0;transition:opacity .42s var(--ease)}
.gate2.on{display:flex;opacity:1}
.gate2.gone{opacity:0;pointer-events:none}
.g2card{position:relative;z-index:2;width:min(370px,86vw);
  animation:g2in .6s var(--spring) both}
.g2logo{width:46px;height:46px;border-radius:14px;margin:0 auto 22px;
  background:linear-gradient(140deg,#FF5722,#c8431a);display:flex;
  align-items:center;justify-content:center;box-shadow:0 10px 30px -10px #FF572288}
.g2list{display:flex;flex-direction:column;gap:9px}
.g2u{background:#16130e;border:1px solid #2a251c;border-radius:14px;
  overflow:hidden;transition:border-color .2s var(--ease),background .2s var(--ease)}
.g2u:hover{border-color:#3a3226}
.g2u.open{border-color:#FF572266;background:#191510}
.g2u.bad{animation:g1shake .42s var(--ease);border-color:#d05a4388}
.g2u.working{opacity:.65}
.g2head{width:100%;display:flex;align-items:center;gap:11px;padding:13px 14px;
  background:transparent;border:0;cursor:pointer;text-align:start}
.g2av{width:36px;height:36px;border-radius:11px;flex-shrink:0;display:flex;
  align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff}
.g2av.av-c1{background:linear-gradient(140deg,#c8431a,#8a2f10)}
.g2av.av-c2{background:linear-gradient(140deg,#3f7d5a,#2a5740)}
.g2av.av-c3{background:linear-gradient(140deg,#3a6ea5,#274d75)}
.g2meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.g2nm{font-size:14px;font-weight:700;color:#f2eee4}
.g2role{font-size:11px;color:#8b8574}
.g2dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.g2chev{color:#6b6557;display:flex;transition:transform .3s var(--spring)}
.g2chev svg{width:16px;height:16px}
.g2u.open .g2chev{transform:rotate(180deg)}
/* الانسدال: ارتفاعٌ محسوب لحركةٍ ناعمة بلا قفز */
.g2body{max-height:0;opacity:0;overflow:hidden;
  transition:max-height .34s var(--spring),opacity .24s var(--ease),
  padding .34s var(--spring);padding:0 14px}
.g2u.open .g2body{max-height:110px;opacity:1;padding:0 14px 14px}
.g2pw{display:flex;gap:8px;align-items:center}
.g2pw input{flex:1;height:42px;border-radius:10px;border:1px solid #322b21;
  background:#0e0c08;color:#f2eee4;padding:0 14px;font-size:16px;outline:0;
  font-family:'Lato','Alyamama',sans-serif;letter-spacing:.1em;
  transition:border-color .2s var(--ease)}
.g2pw input:focus{border-color:#FF572288;box-shadow:0 0 0 3px #FF572215}
.g2go{width:42px;height:42px;border-radius:10px;flex-shrink:0;border:0;cursor:pointer;
  background:linear-gradient(140deg,#FF5722,#c8431a);color:#fff;display:flex;
  align-items:center;justify-content:center;transition:transform .12s var(--ease)}
.g2go:active{transform:scale(.94)}
.g2go svg{width:17px;height:17px}
.g2dots{display:flex;gap:6px;margin-top:9px;min-height:6px}
@keyframes aur1{0%,100%{transform:translate(0,0) scale(1)}
  33%{transform:translate(14vmin,10vmin) scale(1.14)}
  66%{transform:translate(5vmin,20vmin) scale(.94)}}
@keyframes aur2{0%,100%{transform:translate(0,0) scale(1)}
  40%{transform:translate(-16vmin,-9vmin) scale(1.1)}
  75%{transform:translate(-6vmin,-19vmin) scale(.92)}}
@keyframes aur3{0%,100%{transform:translate(-50%,-50%) scale(1)}
  50%{transform:translate(-38%,-64%) scale(1.2)}}
@keyframes g1in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes g1work{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes g1shake{0%,100%{transform:translateX(0)}
  20%{transform:translateX(-8px)}40%{transform:translateX(7px)}
  60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
@keyframes gdin{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@keyframes g2in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.au{animation:none}.g1wrap,.g2card{animation:none}}
body.locked>header,body.locked>main,body.locked>nav{display:none!important}
/* اسم المستخدم المخفي: يقرؤه مدير الكلمات ليحفظ الكلمة باسمها، ولا يراه أحد */
.gvh{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;inset-inline-start:0;top:0}
/* أثناء فحص ذاكرة الجهاز لا تظهر الخانة، كي لا تومض ثم تختفي */
.gate1.wait .g1wrap{opacity:0;animation:none}
.g2keep{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;color:#8b8574;font-size:12px;cursor:pointer;user-select:none}
.g2keep input{width:15px;height:15px;accent-color:#FF5722;margin:0}