:root{--bg:#fbfbfd;--surface:#fff;--ink:#0b0b0f;--muted:#6e6e73;--line:rgba(11,11,15,.09);--accent:#2563eb;--tint:#eff4ff;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.8 "IBM Plex Sans Arabic",system-ui,Tahoma,sans-serif}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}svg{width:24px;height:24px;flex:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2{font-family:Alexandria,"IBM Plex Sans Arabic",sans-serif}em{font-style:normal;color:var(--accent)}.wrap{width:min(1080px,calc(100% - 44px));margin-inline:auto}.skip{position:absolute;top:-100px;z-index:20;background:var(--surface);padding:12px}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--surface) 72%,transparent);-webkit-backdrop-filter:blur(14px) saturate(115%);backdrop-filter:blur(14px) saturate(115%);border-bottom:1px solid color-mix(in srgb,var(--line) 68%,transparent)}.header-inner{width:min(1150px,calc(100% - 40px));margin:auto;display:flex;justify-content:space-between;align-items:center;min-height:64px;gap:14px;padding-inline:2px}.brand,.brand picture{display:flex;align-items:center}.brand img{width:158px;height:47px;object-fit:contain;display:block}.landing-header-actions{display:flex;align-items:center;gap:7px;margin-inline-start:auto}.landing-header-tool{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:var(--ink);border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 72%,transparent);transition:background .16s ease,transform .16s ease}.landing-header-tool svg{width:20px;height:20px}.landing-settings{border-color:transparent;background:transparent}.landing-header-tool:active{transform:scale(.96);background:color-mix(in srgb,var(--surface) 58%,var(--line))}.header nav{display:flex;align-items:center;gap:28px}.desktop-link{font-size:12px;color:var(--muted)}.login{display:inline-flex;align-items:center;gap:16px;background:var(--accent);color:white;min-height:44px;padding:10px 18px;border-radius:14px;font-size:12px;font-weight:600}.login svg{width:17px;height:17px}.intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:58px;padding:65px 0 58px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--accent);font-weight:600}.eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(29px,3.6vw,43px);line-height:1.65;font-weight:700;letter-spacing:-1.2px;margin:17px 0}.lead{color:var(--muted);font-size:14px;line-height:2}.intro-actions{display:flex;align-items:center;gap:12px;margin-top:24px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:12px;font-weight:600;border-radius:15px;padding:11px 20px;transition:transform .2s var(--ease),background .2s}.button svg{width:18px;height:18px}.primary{background:var(--accent);color:white}.primary:hover,.login:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}.button:active{transform:scale(.97)}.quiet{border:1px solid var(--line);background:var(--surface)}.intro-notes{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:10px;color:var(--muted)}.intro-notes span{display:flex;align-items:center;gap:5px}.intro-notes svg{width:15px;height:15px}.intro-services{padding:27px;border-radius:24px;border:1px solid var(--line);background:var(--surface);box-shadow:0 14px 50px #11182704}.small-label{font-size:15px;font-weight:600}.shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0;position:relative;isolation:isolate}.shortcut-grid:before{content:"";position:absolute;top:24px;inset-inline:20px;background:var(--line);height:1px;z-index:-1}.shortcut-grid a{display:flex;align-items:center;flex-direction:column;gap:9px;font-size:10px}.shortcut-grid a>span{width:49px;height:49px;border-radius:17px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center}.shortcut-grid a:first-child>span{color:var(--accent);background:var(--tint);border-color:color-mix(in srgb,var(--accent) 18%,var(--line))}.shortcut-grid svg{width:22px;height:22px}.digital-shortcut{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px}.digital-shortcut>span{display:flex;align-items:center;gap:10px}.digital-shortcut svg{width:17px;height:17px;color:var(--accent)}.intro-caption{display:block;font-size:10px;color:var(--muted);padding-top:17px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}h2{font-size:clamp(21px,2.5vw,28px);line-height:1.7;font-weight:600;letter-spacing:-.6px;margin-top:9px}.section-caption{font-size:11px;color:var(--muted);padding-bottom:5px}.flexi-feature{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:center;background:var(--tint);border:1px solid color-mix(in srgb,var(--accent) 13%,var(--line));border-radius:25px;padding:36px 40px;overflow:hidden}.pill{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:11px}.pill svg{width:16px;height:16px}.feature-copy h3{font-size:31px;font-weight:600;line-height:1.6;letter-spacing:-.5px;margin:15px 0 11px}.feature-copy p{max-width:480px;color:var(--muted);font-size:13px;line-height:1.95}.operator-list{display:flex;gap:9px;margin:20px 0}.operator-list>span{display:flex;align-items:center;justify-content:center;width:85px;height:40px;background:white;border:1px solid #11182708;border-radius:12px}.operator-list img{object-fit:contain}.feature-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.guide{font-size:10px;color:var(--muted);text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}.sim-scene{height:320px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.sim-grid{position:absolute;inset:0;background-image:linear-gradient(#2563eb09 1px,transparent 1px),linear-gradient(90deg,#2563eb09 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,#000,transparent 72%)}.sim-card,.sim-back{width:166px;height:230px;position:absolute;border-radius:22px;clip-path:polygon(0 0,75% 0,100% 18%,100% 100%,0 100%)}.sim-back{background:var(--surface);border:1px solid #2563eb24;transform:rotate(-15deg) translate(-30px,-6px)}.sim-card{background:var(--accent);color:#fff;padding:21px;transform:rotate(10deg);box-shadow:0 20px 40px #2563eb20;display:flex;flex-direction:column;animation:simFloat 7s var(--ease) infinite}.sim-card>span{font:600 9px Alexandria;letter-spacing:2px}.chip{width:43px;height:36px;border:1px solid #c1b489;border-radius:8px;margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);background:#ead7a7;overflow:hidden;direction:ltr}.chip i{border:.5px solid #c5ad73}.sim-card strong{font-size:23px;line-height:1.4;font-weight:500;margin-top:15px}.sim-card svg{position:absolute;left:17px;bottom:46px;width:29px;height:29px;opacity:.65}.sim-card small{font:7px Alexandria;letter-spacing:1px;margin-top:auto}.scene-label{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:10px;color:var(--accent)}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.service{display:flex;flex-direction:column;padding:23px 20px;border:1px solid var(--line);border-radius:22px;background:var(--surface);transition:transform .2s var(--ease),border-color .2s}.service:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.card-top{display:flex;flex-direction:column;gap:17px}.service-icon{width:44px;height:44px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;background:var(--bg)}.service-wifi .service-icon{color:#2563eb;background:#2563eb08}.service-game .service-icon{color:#7c3aed;background:#7c3aed08}.service-bill .service-icon{color:#d97706;background:#d9770608}.service-spark .service-icon{color:#0d9488;background:#0d948808}.service-tag{color:var(--muted);font-size:9px}.service h3{font-size:19px;font-weight:600;margin:10px 0}.service p{font-size:11px;color:var(--muted);line-height:1.95;margin-bottom:20px}.card-links{margin-top:auto;display:flex;flex-direction:column;align-items:start}.card-links>a:first-child{display:flex;align-items:center;gap:15px;font-size:11px;min-height:44px;color:var(--accent);font-weight:600}.card-links svg{width:16px;height:16px}.card-links .guide{font-size:9px;min-height:32px}.availability{font-size:10px;color:var(--muted);margin:14px 3px 0}.how{padding-top:65px}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:0;padding:23px 0 0;border-top:1px solid var(--line)}.steps li{display:flex;gap:14px}.step-no{font:11px Alexandria;color:var(--accent);padding-top:5px}.steps h3{font-size:17px;font-weight:600;margin-bottom:7px}.steps p{font-size:11px;color:var(--muted);line-height:1.9}.merchants{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin-top:65px;padding:35px;border:1px solid var(--line);border-radius:25px;background:var(--surface)}.merchants h2{font-size:29px}.merchants p{font-size:12px;color:var(--muted);line-height:2;margin:14px 0 23px;max-width:420px}.merchant-benefits{display:grid;gap:0}.merchant-benefits>div{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.merchant-benefits>div:last-child{border:0}.merchant-benefits svg{color:var(--accent);width:22px;height:22px}.merchant-benefits span{display:grid;gap:5px}.merchant-benefits strong{font-size:14px;font-weight:600}.merchant-benefits small{font-size:10px;color:var(--muted)}.faq{padding-top:65px;max-width:800px;margin:auto}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;font-size:13px;font-weight:600;padding:19px 0 19px 34px;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:22px Arial;color:var(--muted);position:absolute;left:5px}.faq details[open] summary:after{content:"−"}.faq details p{font-size:12px;color:var(--muted);padding:0 0 20px;line-height:2}.faq details p a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.end-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:50px 0;border-bottom:1px solid var(--line);margin-top:20px}footer{padding:28px 0 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top>span{font-size:10px;color:var(--muted)}footer nav{display:flex;flex-wrap:wrap;gap:15px 24px;padding:24px 0;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:15px;color:var(--muted);font-size:10px}.footer-bottom small{font:9px Alexandria}.footer-bottom a{display:flex;align-items:center;gap:9px;min-height:40px}.footer-bottom svg{width:14px;height:14px}@keyframes simFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}@media(max-width:900px){.intro{gap:28px;grid-template-columns:1.3fr 1fr}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-top{flex-direction:row;align-items:center;justify-content:space-between}.flexi-feature{padding:28px}.feature-copy h3{font-size:28px}.merchants{gap:30px}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header-inner{width:calc(100% - 30px);min-height:64px;gap:10px}.brand img{width:158px;height:47px}.landing-header-actions{gap:7px}.landing-header-tool{width:42px;height:42px}.desktop-link{display:none}.header nav{gap:0}.login{font-size:11px;gap:8px;padding:10px 12px;min-height:43px;border-radius:13px}.login svg{width:15px}.intro{grid-template-columns:1fr;gap:25px;padding:30px 0 33px}.eyebrow{font-size:10px}h1{font-size:29px;line-height:1.75;letter-spacing:-.65px;margin:14px 0}.lead{font-size:12px;line-height:2}.desktop-break{display:none}.intro-actions{gap:9px;margin-top:19px}.button{font-size:11px;gap:10px;padding:11px 16px;min-height:47px;border-radius:14px}.intro-notes{font-size:9px;gap:14px;margin-top:17px}.intro-services{padding:19px 20px;border-radius:21px}.small-label{font-size:13px}.shortcut-grid{margin:20px 0;gap:12px}.shortcut-grid a{font-size:10px}.digital-shortcut{padding:13px 0;font-size:11px}.intro-caption{font-size:9px;padding-top:12px}.section-head{margin-bottom:17px;align-items:start;gap:12px}h2{font-size:21px;line-height:1.7;margin-top:7px}.section-caption{display:none}.flexi-feature{grid-template-columns:1fr;padding:22px 21px;gap:12px;border-radius:23px;position:relative}.pill{font-size:10px}.feature-copy h3{font-size:26px;margin:12px 0 9px;line-height:1.55}.feature-copy p{font-size:11px;line-height:2}.operator-list{margin:15px 0;gap:7px}.operator-list>span{width:77px;height:37px;border-radius:11px}.feature-actions{gap:8px 15px}.feature-actions .guide{font-size:9px}.sim-scene{height:220px}.sim-card,.sim-back{width:126px;height:173px;border-radius:17px}.sim-card{padding:15px}.sim-back{transform:rotate(-15deg) translate(-25px,-3px)}.sim-card>span{font-size:7px;letter-spacing:1.5px}.chip{width:35px;height:27px;margin-top:12px;border-radius:6px}.sim-card strong{font-size:19px;margin-top:10px}.sim-card svg{width:23px;height:23px;bottom:35px;left:14px}.sim-card small{font-size:5px}.scene-label{font-size:9px;bottom:0}.service-grid{gap:10px;margin-top:12px}.service{padding:17px 15px;border-radius:20px}.card-top{flex-direction:column;align-items:start;gap:13px}.service-icon{width:39px;height:39px;border-radius:12px}.service-icon svg{width:22px;height:22px}.service-tag{font-size:8px;line-height:1.8}.service h3{font-size:17px;margin:9px 0}.service p{font-size:10px;line-height:2;margin-bottom:12px}.card-links>a:first-child{font-size:10px;gap:12px}.card-links .guide{font-size:8px;min-height:38px}.availability{font-size:9px;line-height:1.9;margin-top:12px}.how{padding-top:38px}.steps{grid-template-columns:1fr;gap:0;padding-top:0}.steps li{gap:15px;padding:19px 0;border-bottom:1px solid var(--line)}.steps li:last-child{border-bottom:0}.step-no{font-size:10px;min-width:20px}.steps h3{font-size:16px;margin-bottom:5px}.steps p{font-size:11px}.merchants{grid-template-columns:1fr;gap:17px;margin-top:35px;padding:23px;border-radius:22px}.merchants h2{font-size:25px}.merchants p{font-size:11px;margin:12px 0 18px}.merchant-benefits>div{padding:16px 0;gap:13px}.merchant-benefits strong{font-size:12px}.merchant-benefits small{font-size:9px}.faq{padding-top:38px}.faq h2{font-size:20px}.faq summary{font-size:12px;padding-block:17px}.faq details p{font-size:11px}.end-cta{flex-direction:column;align-items:start;padding:33px 0;gap:18px;margin-top:10px}.end-cta h2{font-size:21px}footer{padding-top:23px}.footer-top .brand img{width:139px;height:42px}.footer-top>span{font-size:9px}footer nav{font-size:9px;gap:12px 17px;padding:20px 0}.footer-bottom{font-size:9px}.footer-bottom small{font-size:8px}}@media(max-width:360px){.wrap{width:calc(100% - 28px)}.header-inner{width:calc(100% - 22px)}.brand img{width:133px;height:40px}.login{font-size:10px;padding-inline:10px}h1{font-size:25px}.intro-actions{gap:7px}.button{padding-inline:13px;font-size:10px}.intro-notes{gap:9px;font-size:8px}.service{padding:15px 12px}.service h3{font-size:15px}.feature-copy h3{font-size:24px}}@media(prefers-color-scheme:dark){:root{--bg:#0a0a0c;--surface:#121214;--ink:#f5f5f7;--muted:#a1a1a6;--line:rgba(255,255,255,.09);--accent:#60a5fa;--tint:#121e31}.primary,.login{background:#2563eb;color:#fff}.primary:hover,.login:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}.flexi-feature{border-color:#60a5fa24}.sim-card{background:#2563eb}.sim-back{border-color:#60a5fa30}.sim-grid{background-image:linear-gradient(#60a5fa0d 1px,transparent 1px),linear-gradient(90deg,#60a5fa0d 1px,transparent 1px)}.service-game .service-icon{color:#c4b5fd}.service-bill .service-icon{color:#fbbf24}.service-spark .service-icon{color:#5eead4}.service-wifi .service-icon{color:#60a5fa}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(hover:none){.service:hover{transform:none}}

.intro-services{--play-accent:var(--accent);--play-rgb:37,99,235;transition:background .35s,border-color .35s,box-shadow .35s;padding:27px;min-width:0}.intro-services.is-playing{border-color:rgba(var(--play-rgb),.4);background:linear-gradient(135deg,rgba(var(--play-rgb),.05),var(--surface) 65%);box-shadow:0 12px 45px rgba(var(--play-rgb),.06)}.intro-services[data-network=mobilis]{--play-accent:#16a34a;--play-rgb:22,163,74}.intro-services[data-network=ooredoo],.intro-services[data-network=djezzy]{--play-accent:#dc2626;--play-rgb:220,38,38}.intro:has(.is-playing){align-items:start}.intro-copy{align-self:center}.intro-services.is-playing .digital-shortcut,.intro-services.is-playing .intro-caption{display:none}.intro-services.is-playing .shortcut-grid{margin-bottom:15px}.shortcut-grid a{border-radius:12px;outline-offset:4px}.shortcut-grid a.is-selected{color:var(--play-accent)}.shortcut-grid a.is-selected>span{border-color:rgba(var(--play-rgb),.35);background:rgba(var(--play-rgb),.08);color:var(--play-accent);box-shadow:0 0 0 3px rgba(var(--play-rgb),.035)}.play-toolbar{display:flex;align-items:center;justify-content:space-between;padding-top:4px;border-top:1px solid var(--line);margin-top:4px}.play-toolbar[hidden],.play-panel[hidden],.play-footer[hidden],.play-empty[hidden]{display:none}.play-toolbar>div{display:flex;gap:4px}.play-toolbar button{width:36px;height:36px;border:0;background:transparent;color:var(--muted);border-radius:10px;font:22px Arial;cursor:pointer}.play-label{font-size:9px;color:var(--muted)}.play-sound[aria-pressed=false]{opacity:.4;text-decoration:line-through}.play-expand{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .42s var(--ease),opacity .25s}.is-playing .play-expand{grid-template-rows:1fr;opacity:1}.play-inner{overflow:hidden;min-height:0}.play-panel{padding:12px 0 0;animation:playEnter .3s var(--ease)}.play-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.play-heading strong{font-size:16px;font-weight:600}.play-heading>span{font-size:10px;color:var(--play-accent);background:rgba(var(--play-rgb),.06);padding:5px 9px;border-radius:9px}.play-input-label{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}.play-number{height:89px;display:grid;grid-template-columns:32px minmax(0,1fr) 38px;gap:5px;align-items:center;padding:0 10px;border:2px solid rgba(var(--play-rgb),.25);border-radius:20px;background:var(--surface);transition:border-color .2s,box-shadow .2s}.play-number:focus-within{border-color:var(--play-accent);box-shadow:0 0 0 3px rgba(var(--play-rgb),.07)}.play-number input{min-width:0;width:100%;height:100%;padding:0;border:0;background:transparent;outline:0;color:var(--ink);text-align:center;font:600 clamp(18px,2vw,24px) "IBM Plex Sans Arabic",Arial,sans-serif;letter-spacing:1.3px;caret-color:var(--play-accent)}.play-number input::placeholder{color:var(--muted);opacity:.4;letter-spacing:1px}.play-clear{width:32px;height:40px;background:transparent;border:0;color:var(--muted);font:22px Arial;cursor:pointer}.play-network-mark{height:32px;width:36px;display:grid;place-items:center;background:rgba(var(--play-rgb),.09);color:var(--play-accent);font:700 8px Arial;border-radius:10px;overflow:hidden}.play-network-mark img{width:100%;height:100%;object-fit:contain;padding:3px;background:white}.play-hint{font-size:10px;color:var(--muted);margin:10px 0 0}.play-detect{font-size:11px;color:var(--play-accent);margin-top:10px;min-height:0}.play-detect:empty{display:none}.play-phone-tips{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);margin-top:15px;padding-top:12px;font-size:10px;color:var(--muted);direction:ltr}.play-phone-tips span{display:flex;align-items:center;gap:5px}.play-phone-tips b{font-size:9px;font-weight:400}.play-internet-tabs{display:flex;gap:5px;padding:4px;border-radius:13px;background:var(--bg);border:1px solid var(--line);margin-bottom:18px;direction:ltr}.play-internet-tabs button{flex:1;height:40px;border:0;background:transparent;color:var(--muted);border-radius:10px;font:600 12px Arial;cursor:pointer}.play-internet-tabs button[aria-pressed=true]{background:rgba(var(--play-rgb),.09);color:var(--play-accent)}.play-line-icon{font:30px Arial;color:var(--play-accent);text-align:center}.play-line-kind{font:700 9px Arial;color:var(--play-accent);text-align:center}.play-search{display:flex;align-items:center;gap:10px;padding:0 13px;height:46px;border:1px solid var(--line);border-radius:13px;background:var(--surface);margin-bottom:14px}.play-search:focus-within{border-color:var(--play-accent)}.play-search>span{font:26px Arial;color:var(--muted)}.play-search input{border:0;outline:0;background:transparent;width:100%;min-width:0;font:11px "IBM Plex Sans Arabic",sans-serif;color:var(--ink)}.play-games-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.play-game{border:1px solid var(--line);border-radius:15px;padding:9px 7px;background:var(--surface);color:var(--ink);min-width:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:9px;font:600 9px Arial;min-height:112px}.play-game-art{height:64px;width:100%;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#fdba7440,#713f1220);font:900 22px Arial;letter-spacing:-1px;color:#a16207}.play-game[data-id=pubg] .play-game-art{background:linear-gradient(145deg,#fbbf2440,#33415520);color:#b45309;font-size:15px;letter-spacing:1px}.play-game[data-id=efootball] .play-game-art{background:linear-gradient(145deg,#818cf840,#1e3a8a20);color:#6366f1;font-size:28px}.play-game[data-id=ml] .play-game-art{background:linear-gradient(145deg,#38bdf840,#6d28d920);color:#0284c7}.play-game[data-id=cod] .play-game-art{background:linear-gradient(145deg,#a3e63530,#47556920);color:#658323;font-size:17px}.play-game[aria-pressed=true]{border-color:var(--play-accent);background:rgba(var(--play-rgb),.04)}.play-empty{font-size:11px;color:var(--muted);padding:15px 0}.play-selection,.play-bill-selection{font-size:11px;color:var(--play-accent);margin-top:12px}.play-selection:empty,.play-bill-selection:empty{display:none}.play-bills-list{display:grid;gap:8px}.play-bills-list button{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:var(--surface);color:var(--ink);font:inherit;text-align:start;cursor:pointer;min-height:65px}.play-bills-list button[aria-pressed=true]{border-color:var(--play-accent);background:rgba(var(--play-rgb),.04)}.bill-symbol{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#f59e0b12;color:#d97706;font:26px Arial;flex:none}.bill-symbol.water{background:#0ea5e912;color:#0ea5e9}.bill-symbol.telecom{background:#2563eb12;color:#2563eb}.play-bills-list button>span:nth-child(2){display:grid;gap:3px}.play-bills-list strong{font-size:11px;font-weight:600}.play-bills-list small{font-size:9px;color:var(--muted)}.play-bills-list i{margin-inline-start:auto;color:var(--muted);font-style:normal}.play-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:8px}.play-footer>span{display:flex;align-items:center;gap:5px;color:var(--muted)}.play-footer i{height:4px;width:4px;border-radius:50%;background:var(--play-accent)}.play-footer a{color:var(--play-accent);min-height:32px;display:flex;align-items:center}.intro-services :is(button,input):focus-visible{outline:2px solid var(--play-accent);outline-offset:3px}.intro-services input:focus-visible{outline:0}.intro-services button{-webkit-tap-highlight-color:transparent}.intro-services button:active{transform:scale(.97)}@keyframes playEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.intro-services{padding:19px 20px}.play-number{height:90px}.play-number input{font-size:23px;letter-spacing:1.5px}.play-heading strong{font-size:15px}.play-game-art{height:68px}.play-toolbar{margin-top:0}.play-footer{font-size:8px}}@media(max-width:360px){.play-number{padding-inline:6px;grid-template-columns:26px minmax(0,1fr) 32px}.play-number input{font-size:18px;letter-spacing:.7px}.play-game{font-size:8px}.play-game-art{font-size:19px}.play-footer{gap:5px;font-size:7px}.play-phone-tips{font-size:9px}}@media(prefers-reduced-motion:reduce){.play-expand,.intro-services{transition:none}.play-panel{animation:none}}@media(prefers-color-scheme:dark){.intro-services{--play-accent:#60a5fa}.play-game-art{color:#fbbf24}.play-game[data-id=pubg] .play-game-art{color:#fcd34d}.play-game[data-id=efootball] .play-game-art{color:#c4b5fd}.play-game[data-id=ml] .play-game-art{color:#7dd3fc}.play-game[data-id=cod] .play-game-art{color:#bef264}}

.play-game-art img{width:100%;height:100%;object-fit:cover;border-radius:10px}.bill-symbol img{width:100%;height:100%;object-fit:contain;border-radius:9px}.play-qr-actions{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}#play-bill-detail button{min-height:44px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;font-size:12px}#play-bill-detail button:disabled{opacity:.5;cursor:wait}#play-bill-detail[hidden],#play-bill-scanner[hidden]{display:none}.play-bill-name{font-size:16px;margin:14px 0 5px}#play-bill-fields{display:grid;gap:12px;margin:15px 0}#play-bill-fields label{display:grid;gap:6px;font-size:11px;color:var(--muted)}#play-bill-fields input{box-sizing:border-box;min-width:0;width:100%;height:46px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;direction:ltr}#play-bill-verify{width:100%;border-color:var(--accent)!important;color:var(--accent)!important}#play-bill-result{font-size:12px;line-height:1.8;margin-top:12px;overflow-wrap:anywhere}#play-bill-video{width:100%;max-height:220px;object-fit:cover;border-radius:12px}#play-bill-result.is-error{color:#dc2626}.play-bill-total{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:12px;margin:8px 0;color:var(--ink)}
.play-game-detail{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:15px}.play-game-detail label{display:grid;gap:6px;font-size:12px;margin:12px 0}.play-game-detail input{width:100%;min-width:0;box-sizing:border-box;height:46px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);padding:10px 12px;font:inherit;direction:ltr}.play-game-detail button{width:100%;min-height:44px;padding:10px;border:1px solid var(--accent);border-radius:12px;background:var(--surface);color:var(--accent);font:inherit;font-size:12px}.play-game-detail button:disabled{opacity:.5}.play-game-detail p{font-size:12px;overflow-wrap:anywhere;line-height:1.8}.play-game-detail strong{color:var(--ink);font-size:14px}.has-verified-player .play-search,.has-verified-player .play-games-list,.has-verified-player .play-empty{display:none!important}.play-player-result{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.play-player-header{display:flex;align-items:center;gap:14px}.play-player-header img{width:64px;height:64px;object-fit:cover;border-radius:16px;flex:none}.play-player-header>div{display:grid;gap:5px;min-width:0}.play-player-header strong{font-size:23px;color:var(--ink);overflow-wrap:anywhere;line-height:1.4}.play-player-header small{font-size:12px;color:var(--muted)}.play-player-badge{font-size:11px;color:var(--accent)}.play-player-id{font-size:13px;color:var(--ink);padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.play-player-result>p:last-child{font-size:11px;color:var(--muted);margin-bottom:0}
.landing-auth-dialog{width:min(460px,calc(100% - 28px));max-height:88dvh;padding:0;border:1px solid var(--line);border-radius:26px;background:var(--surface);color:var(--ink);box-shadow:0 30px 100px #0004;overflow:auto;font:14px/1.8 "IBM Plex Sans Arabic",sans-serif}.landing-auth-dialog::backdrop{background:#0007;backdrop-filter:blur(5px)}.landing-auth-dialog[open]{animation:landingAuthEnter .2s var(--ease)}.landing-auth-dialog [hidden]{display:none!important}.dz-auth-sheet{padding:24px;outline:0}.dz-auth-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dz-auth-sheet-head strong{display:block;font-size:18px}.dz-auth-sheet-head small{font-size:11px;color:var(--accent)}.dz-auth-sheet-close{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);cursor:pointer;display:grid;place-items:center}.dz-auth-sheet-close svg{width:18px}.dz-auth-progress{display:flex;gap:5px;margin:16px 0}.dz-auth-progress i{height:3px;flex:1;border-radius:3px;background:var(--line)}.dz-auth-progress .is-active{background:var(--accent)}.dz-auth-flow-intro,.landing-auth-dialog p{font-size:12px;color:var(--muted);margin:12px 0}.landing-auth-dialog h2{font-size:18px;margin:14px 0}.landing-auth-dialog label{display:block;font-size:12px;margin:12px 0 6px}.landing-auth-dialog input,.landing-auth-dialog select{width:100%;height:52px;border:1px solid var(--line);border-radius:13px;padding:10px 14px;background:var(--bg);color:var(--ink);font:inherit;outline:0}.landing-auth-dialog input:focus,.landing-auth-dialog select:focus{border-color:var(--accent)}.landing-auth-dialog button:not(.dz-auth-sheet-close){width:100%;min-height:46px;margin-top:12px;border:0;border-radius:13px;padding:10px 14px;background:var(--accent);color:white;font:600 13px "IBM Plex Sans Arabic",sans-serif;cursor:pointer}.landing-auth-dialog .text-button,.landing-auth-dialog .secondary-button,.landing-auth-dialog .secondary{background:var(--bg)!important;color:var(--ink)!important;border:1px solid var(--line)!important}.landing-auth-dialog .method-button span,.landing-auth-dialog .method-button small{display:block}.landing-auth-dialog .method-button small{font-size:10px;font-weight:400}.landing-auth-dialog .inline-actions{display:flex;gap:8px}.landing-auth-dialog .message.error{color:#dc2626}.landing-auth-dialog button:disabled{opacity:.5;cursor:wait}body:has(.landing-auth-dialog[open]){overflow:hidden}@keyframes landingAuthEnter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:600px){.landing-auth-dialog{margin:auto auto 12px;border-radius:24px;width:calc(100% - 20px);max-height:90dvh}.dz-auth-sheet{padding:22px}.dz-auth-sheet-handle{width:36px;height:4px;border-radius:4px;background:var(--line);margin:-10px auto 14px}}@media(prefers-reduced-motion:reduce){.landing-auth-dialog[open]{animation:none}}
.landing-auth-dialog .auth-legal{font-size:11px;line-height:1.9;color:var(--muted)}.landing-auth-dialog .auth-legal a{color:var(--accent);text-decoration:underline}.landing-auth-dialog .otp-input-shell{position:relative;height:54px;max-width:100%;margin-top:8px}.landing-auth-dialog .otp-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;height:54px;direction:ltr}.landing-auth-dialog .otp-cells span{display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-size:20px;color:var(--ink)}.landing-auth-dialog .otp-cells span.is-current{border-color:var(--accent)}.landing-auth-dialog .otp-input-shell.is-error .otp-cells span{border-color:#dc2626}.landing-auth-dialog .otp-real-input{position:absolute;inset:0;opacity:0;cursor:text;margin:0;height:54px}.landing-auth-dialog .method-icon{display:none!important}.landing-auth-dialog .method-copy strong{font-size:13px}.landing-auth-dialog .device-setup-hero,.landing-auth-dialog .device-setup-benefits{display:none}.landing-auth-dialog .otp-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.landing-auth-dialog .otp-head strong{font-size:13px}.landing-auth-dialog .otp-actions{display:grid;gap:6px}.landing-auth-dialog .otp-actions button{margin-top:4px}.landing-auth-dialog .otp-auto-note{font-size:11px}
/* Match standalone Login method-card styles inside bottom-sheet auth. */
.landing-auth-dialog #method-step{gap:10px}
.landing-auth-dialog .method-list{display:grid;gap:9px}
.landing-auth-dialog .method-list .method-button{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;min-height:66px;height:auto;margin:0;padding:11px 13px;text-align:right;border:1px solid var(--line);border-radius:15px;background:var(--soft);color:var(--ink);font:inherit;box-shadow:0 4px 14px -12px rgba(20,30,50,.28)}
.landing-auth-dialog .method-list .method-button.is-recommended{border-color:color-mix(in srgb,#229ed9 46%,var(--line));background:color-mix(in srgb,#229ed9 7%,var(--surface))}
.landing-auth-dialog .method-list .method-button:not(.secondary){background:var(--surface);color:var(--ink)}
.landing-auth-dialog .method-list .method-icon{display:grid!important;place-items:center;width:40px;height:40px;min-width:40px;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:#229ed9}
.landing-auth-dialog .method-list .method-icon svg{width:20px;height:20px}
.landing-auth-dialog .method-list .method-icon-whatsapp{color:#14a669}
.landing-auth-dialog .method-list .method-copy{display:grid;gap:3px;min-width:0;text-align:right}
.landing-auth-dialog .method-list .method-copy strong{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;font-weight:800;line-height:1.45;color:var(--ink)}
.landing-auth-dialog .method-list .method-copy small{display:block;font-size:10.5px;font-weight:500;line-height:1.65;color:var(--muted);opacity:1}
.landing-auth-dialog .method-list .method-tag{display:inline-flex!important;align-items:center;width:max-content;padding:3px 7px;border-radius:999px;border:1px solid color-mix(in srgb,#0b9962 30%,transparent);background:color-mix(in srgb,#0b9962 9%,transparent);color:#097e50;font-size:9px;line-height:1.3;font-weight:750;white-space:nowrap}
.landing-auth-dialog .method-list .method-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.landing-auth-dialog #change-phone{width:100%;margin-top:2px;background:transparent!important;border:1px solid var(--line)!important;color:var(--ink)!important}
.landing-auth-dialog .selected-number{padding:8px 11px;border-radius:12px;background:var(--tint);font-size:11px;color:var(--ink)!important;margin:0}
.landing-auth-dialog .flow-step h2{font-family:Alexandria,'IBM Plex Sans Arabic',sans-serif;font-size:17px;line-height:1.5;margin:0}
@media(max-width:600px){.landing-auth-dialog .method-list .method-button{min-height:64px;padding:10px 12px}.landing-auth-dialog #method-step{gap:9px}.landing-auth-dialog .method-list .method-copy strong{font-size:12.5px}}

/* Popup SMS icon and compact method header. */
.landing-auth-dialog #method-step{gap:6px}
.landing-auth-dialog #method-step .selected-number{margin:0}
.landing-auth-dialog #method-step h2{margin:0;line-height:1.35}
.landing-auth-dialog #method-step .method-icon-sms svg{display:block;width:21px;height:21px;stroke:currentColor}

/* Login channel availability — shared by standalone and landing bottom sheet. */
.method-button.is-maintenance,
.landing-auth-dialog .method-button.is-maintenance {
  cursor:not-allowed!important;opacity:.74!important;box-shadow:none!important;
  border-color:color-mix(in srgb,#b97826 34%,var(--line))!important;
  background:color-mix(in srgb,var(--soft) 92%,var(--surface))!important;
}
.method-button.is-maintenance .method-icon{filter:grayscale(.65);opacity:.65}
.method-button.is-maintenance .method-copy strong{color:var(--muted)}
.method-button.is-maintenance .method-copy small{opacity:.92;color:var(--muted)}
.method-maintenance-tag{display:inline-flex;align-items:center;padding:3px 8px;
  font-size:10px;font-weight:800;line-height:1.4;border-radius:99px;white-space:nowrap;
  border:1px solid color-mix(in srgb,#b97826 45%,var(--line));
  background:color-mix(in srgb,#b97826 11%,var(--surface));color:#ba7926}
.method-button.is-checking{cursor:wait;opacity:.75}
.method-button.is-checking .method-copy small{color:var(--muted)}

.live-activity{padding:2px 0 54px}.live-activity-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}
.live-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:10px;font-weight:600}.live-kicker i{position:relative;width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e16;isolation:isolate}.live-kicker i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:#22c55e;z-index:-1;animation:livePulse 2s ease-out infinite}
.live-activity h2{font-size:clamp(19px,2.3vw,26px);margin-top:6px}.live-count{font-size:10px;color:var(--muted);padding-bottom:4px}
.live-activity-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.live-card{min-width:0;padding:15px;border:1px solid var(--line);border-radius:19px;background:var(--surface);display:flex;flex-direction:column;gap:13px}
.live-card-top{display:flex;align-items:center;gap:10px;min-width:0}.live-logo{width:43px;height:43px;border-radius:13px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;overflow:hidden;flex:none}.live-logo img{width:34px;height:34px;object-fit:contain}
.live-product{min-width:0}.live-product strong{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-product small{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:9px;margin-top:2px;white-space:nowrap;overflow:hidden}.live-phone{font-family:Alexandria,Arial,sans-serif;font-size:8px;letter-spacing:.15px}
.live-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.live-value{font:600 11px Alexandria,"IBM Plex Sans Arabic",sans-serif;white-space:nowrap}
.live-buyer{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;border:1px solid var(--line);font-size:8px;white-space:nowrap;color:var(--muted)}.live-buyer svg{width:12px;height:12px}
.live-buyer.is-customer{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.live-buyer.is-merchant{color:#0d9488;background:#0d94880c}.live-buyer.is-wholesale{color:#8b6d24;background:#d9b65010}.live-buyer.is-super_wholesale{color:#b8860b;background:#f4c54212}.live-buyer.is-distributor{color:#7c3aed;background:#7c3aed0d}
.live-privacy{font-size:9px;color:var(--muted);margin-top:11px}
@keyframes livePulse{0%{transform:scale(1);opacity:.38}70%,100%{transform:scale(3);opacity:0}}@media(prefers-reduced-motion:reduce){.live-kicker i::after{animation:none;display:none}}
@media(max-width:900px){.live-activity-list{grid-template-columns:repeat(3,minmax(0,1fr))}.live-card:nth-child(n+4){display:none}}
@media(max-width:600px){.live-activity{padding-bottom:38px}.live-activity-head{align-items:start;margin-bottom:12px}.live-count{font-size:9px}.live-activity-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-18px;padding-inline:18px;gap:9px}.live-activity-list::-webkit-scrollbar{display:none}.live-card{width:74%;min-width:74%;scroll-snap-align:start;padding:14px;border-radius:18px}.live-card:nth-child(n){display:flex}.live-logo{width:41px;height:41px}.live-logo img{width:32px;height:32px}.live-product strong{font-size:11px}.live-value{font-size:10px}.live-privacy{font-size:8px;line-height:1.9}}

.sim-card{animation:none;transform:rotate(7deg);text-align:right}.sim-card svg{display:none}.sim-card strong{font-size:22px;line-height:1.45;margin-top:16px}.sim-card small{font-size:7px;letter-spacing:.7px}.scene-label{bottom:0}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:600px){.sim-scene{height:260px}.sim-card,.sim-back{width:145px;height:205px}.sim-card{padding:18px}.sim-card>span{font-size:8px;letter-spacing:1.4px}.sim-card .chip{width:40px;height:31px;margin-top:17px}.sim-card strong{font-size:21px;margin-top:13px}.sim-card small{font-size:6px}.sim-back{transform:rotate(-11deg) translate(-23px,-4px)}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

:root[data-theme=light]{--bg:#fbfbfd;--surface:#fff;--ink:#0b0b0f;--muted:#6e6e73;--line:rgba(11,11,15,.09);--tint:#eff4ff}:root[data-theme=dark]{--bg:#0a0a0c;--surface:#121214;--ink:#f5f5f7;--muted:#a1a1a6;--line:rgba(255,255,255,.09);--tint:#121e31}:root[data-theme] .primary,:root[data-theme] .login{background:var(--accent);color:white}:root[data-theme] .intro-services{--play-accent:var(--accent)}:root[data-theme] .intro-services[data-network=mobilis]{--play-accent:#16a34a}:root[data-theme] .intro-services[data-network=ooredoo],:root[data-theme] .intro-services[data-network=djezzy]{--play-accent:#dc2626}


.sim-scene{perspective:800px}.sim-card,.sim-back{clip-path:polygon(0 0,74% 0,77% 1%,97% 16%,99% 19%,100% 23%,100% 100%,0 100%);border-radius:22px}.sim-card{transform:rotate(7deg) rotateY(-7deg);background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 84%,white) 0%,var(--accent) 46%,color-mix(in srgb,var(--accent) 86%,#10265c) 100%);box-shadow:inset 1px 1px 0 #ffffff40,inset -3px -2px 0 #0b215633;filter:drop-shadow(7px 12px 11px #173b8d26);text-align:right}.sim-card>span{align-self:flex-start;text-align:left;direction:ltr;unicode-bidi:isolate;font:800 10px Alexandria,Arial,sans-serif;letter-spacing:1.1px;padding-right:18px;white-space:nowrap}.sim-card strong{font-size:25px;line-height:1.35;font-weight:600;margin-top:13px}.sim-card svg{display:block;position:absolute;width:24px;height:24px;left:18px;bottom:39px;opacity:.85}.sim-card small{align-self:flex-end;white-space:nowrap;letter-spacing:.6px;font-size:6px}.sim-back{box-shadow:inset 1px 1px 0 #ffffff90;filter:drop-shadow(0 7px 6px #173b8d0d)}@media(max-width:600px){.sim-card>span{font-size:9px;letter-spacing:1px;padding-right:16px}.sim-card strong{font-size:24px;line-height:1.3;margin-top:13px}.sim-card svg{width:21px;height:21px;left:16px;bottom:36px}.sim-card small{font-size:5.5px;letter-spacing:.5px}} 


.sim-card>span{position:absolute;top:20px;left:18px;right:auto;padding:0;align-self:auto;text-align:left;direction:ltr;font-weight:800;font-size:9px;letter-spacing:.8px}.sim-card .chip{margin-top:35px;align-self:flex-start}.sim-card strong{font-size:21px;line-height:1.4;margin-top:15px}.sim-card svg{width:31px;height:31px;left:17px;bottom:37px;opacity:.95}.sim-card small{position:absolute;left:18px;bottom:18px;right:auto;margin:0;font-size:6px}@media(max-width:600px){.sim-card>span{top:18px;left:16px;font-size:8px;letter-spacing:.7px}.sim-card .chip{margin-top:34px}.sim-card strong{font-size:19px;line-height:1.45;margin-top:12px}.sim-card svg{width:28px;height:28px;left:15px;bottom:32px}.sim-card small{left:16px;bottom:15px;font-size:5.5px}} 

html[data-public-text=large] body{font-size:16.5px}
.public-overlay[hidden]{display:none!important}.public-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:12px;direction:rtl}.public-overlay-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.48);backdrop-filter:blur(5px)}.public-sheet{position:relative;z-index:1;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);box-shadow:0 30px 90px rgba(0,0,0,.24)}.public-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--line)}.public-sheet>header h2{font-size:20px;line-height:1.4;margin:2px 0}.public-sheet>header small{font-size:10px;color:var(--muted)}.public-sheet>header>button{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font-size:22px}.public-setting-group{padding:18px;border-bottom:1px solid var(--line)}.public-setting-group:last-child{border-bottom:0}.public-setting-group>strong{display:block;font-size:13px}.public-setting-group>p{font-size:11px;color:var(--muted);margin:4px 0 12px}.public-choice-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.public-choice-row button{min-height:42px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:600 11px "IBM Plex Sans Arabic",sans-serif}.public-choice-row button.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent)}.public-accent-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.public-accent-row button{min-width:0;min-height:58px;padding:7px 4px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--muted);font:600 9px "IBM Plex Sans Arabic",sans-serif;display:grid;place-items:center;gap:5px}.public-accent-row button i{display:block;width:23px;height:23px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #fff3,0 0 0 1px color-mix(in srgb,var(--swatch) 25%,var(--line))}.public-accent-row button.is-active{border-color:var(--swatch);color:var(--swatch);background:color-mix(in srgb,var(--swatch) 8%,var(--surface));box-shadow:0 0 0 1px color-mix(in srgb,var(--swatch) 22%,transparent)}.public-accent-row button.is-active i{box-shadow:inset 0 0 0 3px var(--surface),0 0 0 2px var(--swatch)}.public-setting-group:last-child .public-choice-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.public-support-sheet{height:min(690px,calc(100dvh - 24px));display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto}.public-support-head{padding:13px 14px!important}.public-support-identity{display:flex;align-items:center;gap:10px}.public-support-identity img{width:40px;height:40px;border-radius:13px}.public-support-identity span{display:grid}.public-support-identity h2{font-size:16px!important}.public-support-identity small{display:flex;align-items:center;gap:5px}.public-support-identity i{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.12)}.public-support-messages{overflow:auto;padding:16px;display:flex;flex-direction:column;gap:9px;background:color-mix(in srgb,var(--bg) 78%,var(--surface));scroll-behavior:smooth}.public-support-empty{margin:auto;text-align:center;padding:28px 18px;max-width:300px}.public-support-empty strong{display:block;font-size:16px;margin-bottom:7px}.public-support-empty p{font-size:11px;color:var(--muted);line-height:1.9}.public-support-message{max-width:84%;padding:10px 12px;border-radius:15px;display:grid;gap:4px;white-space:pre-wrap;overflow-wrap:anywhere}.public-support-message b{font-size:10px}.public-support-message p{font-size:13px;line-height:1.75}.public-support-message small{font-size:9px;opacity:.68}.public-support-message.is-guest{align-self:flex-start;background:var(--accent);color:#fff;border-bottom-right-radius:5px}.public-support-message.is-staff,.public-support-message.is-system{align-self:flex-end;background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:5px}.public-support-message.is-system{color:var(--muted)}.public-support-topics{display:flex;gap:7px;overflow-x:auto;padding:10px 12px;border-top:1px solid var(--line);scrollbar-width:none}.public-support-topics::-webkit-scrollbar{display:none}.public-support-topics button{flex:0 0 auto;min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font:600 10px "IBM Plex Sans Arabic",sans-serif}.public-support-topics button.is-active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.public-support-form{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}.public-support-form textarea{resize:none;max-height:118px;min-height:44px;flex:1;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink);padding:11px 12px;font:13px/1.6 "IBM Plex Sans Arabic",sans-serif;outline:0}.public-support-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.public-support-form button{width:46px;height:46px;flex:0 0 46px;border:0;border-radius:14px;background:var(--accent);color:#fff;font-size:22px}.public-support-form button:disabled{opacity:.45}.public-support-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 13px 11px;color:var(--muted);font-size:9px}.public-support-foot span{color:#10b981}.public-support-foot span.is-error{color:#dc2626}.public-support-closed{padding:10px 14px;background:color-mix(in srgb,#f59e0b 8%,var(--surface));border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
@media(max-width:600px){.public-overlay{align-items:end;padding:0}.public-sheet{width:100%;max-height:92dvh;border-radius:24px 24px 0 0;border-bottom:0}.public-support-sheet{height:min(82dvh,680px)}.public-support-messages{padding:13px}.public-support-message{max-width:88%}}
.play-intro-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.play-live-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:999px;padding:4px 8px;font-size:9px;color:var(--accent);background:var(--tint)}.play-live-badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.play-intro-hint{font-size:11px;line-height:1.9;color:var(--muted);margin-top:10px}.shortcut-grid a>span{transition:transform .2s,border-color .2s}.shortcut-grid a:hover>span{transform:translateY(-3px);border-color:var(--accent)}.intro-services.is-playing .play-intro-hint{display:none}.intro-services .shortcut-grid a{min-height:65px;cursor:pointer}@media(max-width:360px){.play-live-badge{font-size:8px}.play-intro-hint{font-size:10px}}.site-social-links{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding:12px 0}.site-social-links a{font-size:12px;border:1px solid currentColor;border-radius:999px;padding:7px 12px;text-decoration:none;opacity:.85}.site-social-links a:hover{opacity:1}