*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;overflow-x:hidden}body{font-family:Arial,"Noto Sans Arabic",sans-serif;background:#eef3ff;color:#161c2c}.phone-shell{width:100%;max-width:480px;min-height:100dvh;margin:auto;background:#fff;position:relative;overflow:hidden;box-shadow:0 0 70px #214da51c}.hero{height:35dvh;min-height:260px;max-height:340px;position:relative;padding:calc(22px + env(safe-area-inset-top)) 24px 38px;color:#fff;background:linear-gradient(145deg,#123c9e 0%,#246fe7 48%,#6339c8 100%);overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;border-radius:999px;filter:blur(1px);opacity:.5}.hero:before{width:280px;height:280px;right:-110px;top:-130px;border:1px solid #ffffff55;box-shadow:0 0 0 38px #ffffff0a,0 0 0 76px #ffffff08}.hero:after{width:220px;height:220px;left:-120px;bottom:-150px;background:#b798ff55;filter:blur(45px)}.hero-glow{position:absolute;width:170px;height:170px;right:22%;top:10%;background:#72b8ff66;border-radius:50%;filter:blur(70px)}.brand-slot{position:relative;z-index:2;display:flex;direction:ltr;align-items:center;gap:10px;width:max-content}.brand-mark{width:40px;height:40px;border-radius:13px;background:#fff;color:#3c55c7;display:grid;place-items:center;font-weight:900;font-size:20px;box-shadow:0 8px 24px #11266d55}.brand-slot b{display:block;letter-spacing:1.8px;font-size:16px}.brand-slot small{display:block;opacity:.7;font-size:10px;margin-top:2px}.hero-copy{position:absolute;z-index:2;bottom:48px;right:24px;left:24px}.eyebrow{font-size:9px;letter-spacing:3px;opacity:.7}.hero h1{font-size:34px;margin:9px 0 6px;letter-spacing:-1px}.hero p{margin:0;font-size:14px;opacity:.78}.sheet{position:relative;z-index:5;margin-top:-28px;min-height:calc(65dvh + 28px);background:#fff;border-radius:30px 30px 0 0;padding:18px 24px 34px;box-shadow:0 -12px 40px #10295b17}.handle{width:40px;height:4px;border-radius:8px;background:#dce4f1;margin:0 auto 22px}.screen{display:none;animation:screenIn .34s cubic-bezier(.2,.8,.2,1)}.screen.active{display:block}@keyframes screenIn{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}.section-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:25px}.section-head.compact{margin-bottom:16px}.step{flex:0 0 auto;width:30px;height:30px;border-radius:10px;background:#eef4ff;color:#326bd4;display:grid;place-items:center;font-size:10px;font-weight:800}.section-head h2{margin:0 0 5px;font-size:24px;color:#121827}.section-head p{margin:0;color:#8791a4;font-size:12px}.field{display:block;margin:0 0 16px}.field>span{display:block;font-size:13px;font-weight:700;color:#313b52;margin:0 4px 8px}.field-inner{height:56px;border:1px solid #e3e9f2;background:#f8faff;border-radius:15px;display:flex;align-items:center;padding:0 15px;transition:.2s}.field-inner:focus-within{border-color:#5b78e6;box-shadow:0 0 0 4px #5278e615;background:#fff}.field input{border:0;outline:0;background:transparent;width:100%;height:100%;font-size:14px;color:#151c2c;direction:ltr;text-align:left}.field i{font-style:normal;color:#8d98ac}.eye{border:0;background:none;color:#536ed0;font-size:11px;font-weight:700;cursor:pointer}.primary{width:100%;height:56px;border:0;border-radius:15px;color:#fff;background:linear-gradient(100deg,#276ee8,#6650d8);display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:800;box-shadow:0 13px 28px #3f63d42d;cursor:pointer}.primary b{font-size:20px;font-weight:400}.switch-link{display:block;border:0;background:none;margin:19px auto 0;color:#8992a4;font-size:12px;cursor:pointer}.switch-link b{color:#4c66cf}.message{min-height:20px;margin:3px 2px 8px;font-size:11px;color:#e54d61}.back{position:absolute;left:24px;margin-top:-4px;width:36px;height:36px;border:1px solid #e4e9f1;border-radius:12px;background:#fff;color:#526079;font-size:19px}.auto-card{margin-top:22px;border:1px solid #e5eaf3;border-radius:20px;padding:17px;display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;background:linear-gradient(145deg,#fbfcff,#f3f6ff);box-shadow:0 12px 34px #244b9b0d}.auto-icon{width:50px;height:50px;border-radius:17px;background:linear-gradient(145deg,#3e7bf0,#7652dc);color:#fff;display:grid;place-items:center;font-size:23px;box-shadow:0 10px 20px #4f6ed838}.auto-card b{display:block;font-size:14px}.auto-card span{display:block;color:#8b95a7;font-size:10px;margin-top:4px}.auto-card button{border:0;border-radius:12px;background:#1e64dd;color:#fff;padding:11px 15px;font-weight:800}.mini-info{margin:20px 4px;color:#8490a3;font-size:11px;display:flex;gap:8px;align-items:center}.mini-info span{color:#3e7cdd}.challenge{text-align:center;padding:10px 0 15px}.challenge>span{font-size:10px;color:#7e8a9e;background:#f1f5fb;padding:6px 10px;border-radius:20px}.equation{direction:ltr;margin:18px auto 7px;display:flex;justify-content:center;align-items:center;gap:15px}.equation b{font-size:34px;color:#172037}.equation em{font-style:normal;font-size:23px;color:#7790bf}.answer{width:110px;margin:auto;height:46px;border-bottom:2px solid #3c72dd;font-size:30px;font-weight:800;color:#4d59bd;display:grid;place-items:center}.keypad{direction:ltr;margin:8px auto 0;max-width:310px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.keypad button{height:48px;border:1px solid #e3e8f0;border-radius:13px;background:#f8faff;color:#263149;font-size:16px;font-weight:700;box-shadow:0 3px 8px #243b6a08}.keypad button:active{transform:scale(.96);background:#edf3ff}.keypad .ok{background:#316fdf;color:#fff;border-color:#316fdf}.keypad .clear{color:#7b879a}.progress-wrap{text-align:center;padding:35px 5px}.progress-wrap>.step{margin:auto}.progress-wrap h2{font-size:27px;margin:18px 0 7px}.progress-wrap p{font-size:12px;color:#8b95a7}.progress-track{height:7px;border-radius:20px;background:#edf1f7;overflow:hidden;margin:28px 0 11px}.progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#3477e7,#7253dc);border-radius:inherit;transition:width .55s ease}.progress-stages{display:flex;justify-content:space-between;font-size:10px;color:#a3acbb}.progress-stages .on{color:#3e6dd0;font-weight:800}.ready-icon{width:58px;height:58px;border-radius:19px;margin:0 auto 13px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#3377e8,#6f50da);font-size:25px;box-shadow:0 12px 30px #4a65d03b}.readyScreen{}.screen#readyScreen>h2{text-align:center;margin:0;font-size:25px}.ready-sub{text-align:center;color:#8b95a7;font-size:11px;margin:6px 0 17px}.warning{display:flex;gap:10px;align-items:center;background:#fff8df;border:1px solid #f1d778;border-radius:15px;padding:12px 13px;color:#8a6500;margin-bottom:13px}.warning b,.warning span{display:block}.warning b{font-size:11px}.warning span{font-size:9px;margin-top:2px}.credential{direction:ltr;border:1px solid #e4e9f1;border-radius:15px;padding:12px 12px 12px 14px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;background:#fbfcff}.credential div{min-width:0}.credential small{display:block;color:#929cad;font-size:9px;margin-bottom:5px}.credential strong{display:block;font-size:13px;color:#172038;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.credential button{border:0;background:#edf3ff;color:#4268c7;border-radius:10px;padding:8px 11px;font-size:10px;font-weight:800}.copy-all{width:100%;height:45px;border:1px dashed #bdc9e0;border-radius:13px;background:#fff;color:#4e5f80;font-size:11px;font-weight:700;margin:2px 0 11px}.copy-all span{margin-right:7px}.screen#readyScreen .primary{height:52px}@media(max-height:700px){.hero{height:31dvh;min-height:220px}.sheet{min-height:69dvh}.hero-copy{bottom:42px}.hero h1{font-size:29px}.handle{margin-bottom:14px}.section-head{margin-bottom:17px}.field{margin-bottom:11px}.field-inner{height:51px}}

.copy-login-pass{border:0;background:#edf3ff;color:#3e68c7;border-radius:9px;padding:7px 9px;font-size:10px;font-weight:800;margin-left:5px;white-space:nowrap}
.copy-login-pass[hidden]{display:none}