@import url('/static/css/fonts.css');
:root{--navy:#123B70;--navy2:#0B2E57;--blue:#1f6fae;--blue2:#49A6E9;--text:#29485F;--muted:#6A7F91;--line:#D9E8F2;--red:#B42318;--red2:#D92D20;--redbg:#FFF4F4;--green:#157347;--greenbg:#EEF9F3;--bg:#F4F8FB;--card:#FFF;--shadow:0 20px 50px rgba(18,59,112,.10)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;padding:max(18px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));font-family:"Tajawal","Segoe UI",Tahoma,sans-serif;background:radial-gradient(circle at 10% 0%,rgba(73,166,233,.16),transparent 34%),radial-gradient(circle at 90% 4%,rgba(40,127,193,.12),transparent 32%),linear-gradient(180deg,#F8FCFF 0%,#F3F8FC 100%);color:var(--text)}button,a{font:inherit}.shell{width:min(980px,100%);margin:auto;display:grid;gap:16px}.top{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:4px 2px}.brand{display:flex;gap:11px;align-items:center}.brand img{width:48px;height:48px;border-radius:15px;box-shadow:0 7px 18px rgba(40,127,193,.14)}.brand b{display:block;font-family:"Poppins","Tajawal","Segoe UI",sans-serif;font-size:19px;font-weight:850;letter-spacing:-.45px;background:linear-gradient(98deg,#0A376D 0%,#123B70 32%,#0E678C 56%,#11919D 78%,#18A7A5 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.brand small{color:var(--muted);font-size:12px}.lang{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:999px;padding:9px 13px;font-weight:900;cursor:pointer;box-shadow:0 6px 18px rgba(18,59,112,.05)}
.hero{position:relative;overflow:hidden;padding:30px;border-radius:28px;background:linear-gradient(135deg,#123B70 0%,#1F6FAE 58%,#2D91D2 100%);color:#fff;box-shadow:0 24px 55px rgba(18,59,112,.18)}.hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;inset-inline-end:-90px;top:-120px;background:rgba(255,255,255,.08)}.hero:before{content:"+";position:absolute;inset-inline-end:38px;bottom:18px;font-size:94px;line-height:1;color:rgba(255,255,255,.08);font-weight:900}.status{position:relative;z-index:1;display:inline-flex;gap:8px;align-items:center;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.20);font-size:11px;font-weight:900}.status i{width:9px;height:9px;border-radius:50%;background:#FECACA;box-shadow:0 0 0 4px rgba(254,202,202,.12)}.status.online i{background:#86EFAC;box-shadow:0 0 0 4px rgba(134,239,172,.14)}.hero h1{position:relative;z-index:1;font-size:clamp(30px,5vw,48px);margin:18px 0 9px;line-height:1.25;letter-spacing:-.7px}.hero p{position:relative;z-index:1;margin:0;max-width:760px;color:#E8F4FD;line-height:1.9;font-size:14px}.hero-note{position:relative;z-index:1;margin-top:16px;display:inline-flex;gap:8px;align-items:center;padding:9px 12px;border-radius:13px;background:rgba(255,255,255,.10);font-size:11px;font-weight:800;color:#F5FBFF}
.grid{display:grid;grid-template-columns:1.18fr .82fr;gap:16px}.card{padding:21px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.95);box-shadow:0 10px 30px rgba(22,59,92,.055)}.card h2{margin:0 0 13px;color:var(--navy);font-size:19px}.alert{background:linear-gradient(180deg,#FFF9F9,#FFF4F4);border-color:#FFD5D2}.alert h2{color:var(--red)}.red-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0;margin:0;list-style:none}.red-list li{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border-radius:14px;background:#fff;border:1px solid #FFE0DE;color:#70413D;font-size:13px;font-weight:750;line-height:1.55}.red-list li>span:first-child{flex:none;width:24px;height:24px;border-radius:8px;background:#FFF0EF;color:var(--red2);display:grid;place-items:center;font-size:11px}.actions{display:grid;gap:10px}.call{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-radius:15px;text-decoration:none;border:1px solid var(--line);background:#F8FCFF;color:var(--navy);font-weight:900;transition:.15s ease}.call:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(18,59,112,.08)}.call.primary{background:linear-gradient(135deg,#B42318,#D92D20);border-color:#B42318;color:#fff}.call small{display:block;opacity:.72;font-size:10px;margin-top:2px}.call strong{font-size:22px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;counter-reset:s}.step{position:relative;padding:15px;border-radius:16px;background:#F9FCFE;border:1px solid #E3EEF5}.step b{counter-increment:s;width:32px;height:32px;border-radius:10px;background:#EAF5FC;color:var(--blue);display:grid;place-items:center;font-size:12px;margin-bottom:8px}.step b:before{content:counter(s)}.step p{margin:0;line-height:1.7;font-size:12px}.privacy{display:flex;gap:10px;align-items:flex-start;padding:15px 16px;border-radius:17px;background:#F7FAFC;border:1px dashed #CFE0EC;color:var(--muted);font-size:12px;line-height:1.8}.privacy>span:first-child{font-size:18px}.retry{width:100%;min-height:54px;border:0;border-radius:16px;background:linear-gradient(135deg,#1f6fae,#1769A8);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 12px 28px rgba(40,127,193,.16)}.retry.online{background:linear-gradient(135deg,#157347,#1C8B57)}.foot{text-align:center;color:#718899;font-size:10.5px;line-height:1.7;padding:4px 12px 0}.only-en{display:none}html[lang="en"]{direction:ltr}html[lang="en"] body{font-family:"Poppins","Tajawal","Segoe UI",sans-serif}html[lang="en"] .only-ar{display:none!important}html[lang="en"] .only-en{display:initial!important}
@media(max-width:760px){body{padding-inline:10px}.grid{grid-template-columns:1fr}.red-list{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.hero{padding:22px 18px;border-radius:23px}.card{padding:17px 14px;border-radius:19px}.hero h1{font-size:clamp(28px,8vw,38px)}.hero p{font-size:13px}.brand img{width:44px;height:44px}.brand b{font-size:16px}.brand small{font-size:10px}.call strong{font-size:20px}}
@media(max-width:420px){.top{align-items:flex-start}.hero{padding:20px 15px}.hero:before{font-size:72px;inset-inline-end:15px}.lang{padding:8px 11px}.card h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* V66 exact small-device pass */
@media(max-width:430px){body{padding-inline:9px}.shell{gap:12px}.top{gap:8px}.brand{gap:8px}.brand img{width:42px;height:42px}.brand b{font-size:15.5px}.hero{padding:19px 14px;border-radius:20px}.hero h1{font-size:29px}.card{padding:15px 12px}.call{padding:12px}.privacy{padding:13px}}
@media(max-width:390px){.brand small{font-size:9.5px}.hero h1{font-size:27px}.hero p{font-size:12.5px}.status{font-size:10px}.call strong{font-size:18px}.card h2{font-size:16px}}
@media(max-width:375px){body{padding-inline:7px}.lang{padding:7px 9px;font-size:12px}.hero{padding-inline:12px}.red-list li{padding:10px;font-size:12px}}
@media(max-width:320px){.brand img{width:38px;height:38px}.brand b{font-size:14px}.brand small{display:none}.hero h1{font-size:24px}.hero p{font-size:12px}.card{padding:12px 9px}.call{padding:11px 10px}.call strong{font-size:17px}.privacy{font-size:11px}}
/* V69 whole-site consistency: same typography, control height, and card geometry. */
.lang,.call,.retry{min-height:44px}.card{border-radius:18px}.call{border-radius:12px}.retry{border-radius:12px}