.pg{--pg-page:#f7f5f0;--pg-ink:#2f2f2f;--pg-muted:#6b6b6b;--pg-quiet:#7a7a7a;--pg-gold:#d9921a;--pg-gold-light:#eaa623;--pg-gold-deep:#c87f10;--pg-gold-text:#96610a;--pg-mark:#a8720e;--pg-brown:#7a4a05;--pg-card:#fdfcf7;--pg-green:#4e6b4a;--pg-cream:#fff8ec;box-sizing:border-box;min-height:100dvh;padding:0 24px calc(26px + env(safe-area-inset-bottom));background:var(--pg-page);color:var(--pg-ink);font-family:var(--font-plex-arabic), "IBM Plex Sans Arabic", system-ui, sans-serif;text-align:center;-webkit-tap-highlight-color:transparent;justify-content:center;display:flex;position:relative;overflow:hidden}.pg-col{flex-direction:column;align-items:center;width:100%;max-width:400px;display:flex;position:relative}.pg-decor{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pg-glow{border-radius:999px;position:absolute}.pg-glow--top{inset-inline-end:-110px;background:radial-gradient(circle,#eaa62321,#0000 68%);width:300px;height:300px;top:-90px}.pg-glow--bottom{inset-inline-start:-130px;background:radial-gradient(circle,#d9a44126,#0000 68%);width:360px;height:360px;bottom:40px}.pg-arc{top:0;position:absolute;inset-inline-start:0}html[dir=ltr] .pg-arc{transform:scaleX(-1)}.pg-brand{margin-top:calc(26px + env(safe-area-inset-top));text-align:start;align-self:stretch;align-items:center;gap:10px;display:flex}.pg-brand-text{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.pg-brand-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:700;line-height:1.4;overflow:hidden}.pg-brand-by{color:var(--pg-muted);font-size:10.5px;line-height:1.3}.pg-lang{min-height:44px;color:var(--pg-gold-text);cursor:pointer;background:0 0;border:0;margin-inline-start:auto;padding:0 4px;font-family:inherit;font-size:13px;font-weight:600;line-height:1}.pg-puck{--pg-puck:236px;width:var(--pg-puck);height:var(--pg-puck);flex:none;margin-top:40px;position:relative;transform:perspective(1100px)rotateX(10deg)}.pg-puck>span,.pg-puck-shake>span{border-radius:999px;position:absolute}.pg-puck-glow{background:radial-gradient(circle,#eaa6233d,#0000 66%);animation:2.6s ease-in-out infinite pg-glow;inset:-28px}.pg-puck-body{background:linear-gradient(160deg,#fdfcf7,#e9e2d3);inset:0;box-shadow:0 34px 60px #603a0433,0 10px 20px #603a041f,inset 0 2px #fffffff2,inset 0 -8px 16px #a0640a1f}.pg-puck-led{border:5px solid #eaa62399;animation:2.6s ease-in-out infinite pg-breath;inset:16px;box-shadow:0 0 16px #eaa62359,inset 0 0 12px #eaa62340}.pg-puck-face{background:radial-gradient(circle at 50% 32%,#fff,#f4ede0);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;inset:30px;box-shadow:inset 0 3px 8px #603a041a}.pg-puck-label{color:var(--pg-muted);font-size:12.5px}.pg-puck-number{color:var(--pg-ink);white-space:nowrap;font-size:68px;font-weight:700;line-height:1}.pg-puck-mark{font-family:var(--font-plex-mono), "IBM Plex Mono", ui-monospace, monospace;letter-spacing:2px;color:var(--pg-mark);margin-top:6px;font-size:10px;font-weight:500}.pg-puck--ringing{transform:none}.pg-puck-shake{animation:.9s ease-in-out infinite pg-shake;position:absolute;inset:0}.pg-wave{border:3px solid #eaa6238c;border-radius:999px;animation:1.8s ease-out infinite pg-ring;position:absolute;inset:0}.pg-wave--2{animation-delay:.6s}.pg-wave--3{animation-delay:1.2s}.pg-puck--ringing .pg-puck-glow,.pg-puck--ready .pg-puck-glow{background:radial-gradient(circle,#eaa62373,#0000 66%);animation:none;inset:-30px}.pg-puck--ringing .pg-puck-body,.pg-puck--ready .pg-puck-body{background:linear-gradient(160deg,#fdfcf7,#eaddbf);box-shadow:0 34px 60px #603a043d,0 10px 20px #603a0424,inset 0 2px #fffffff2,inset 0 -8px 16px #a0640a24}.pg-puck--ringing .pg-puck-led,.pg-puck--ready .pg-puck-led{border:6px solid var(--pg-gold-light);animation:none;box-shadow:0 0 26px #eaa623d9,inset 0 0 14px #eaa62380}.pg-puck--ringing .pg-puck-face,.pg-puck--ready .pg-puck-face{background:radial-gradient(circle at 50% 32%,#fff,#fbf0d6)}.pg-title{text-wrap:balance;margin:36px 0 0;font-size:28px;font-weight:700;line-height:1.3}.pg-sub{color:var(--pg-muted);margin:8px 0 0;font-size:16px;line-height:1.6}.pg-steps{align-items:center;gap:10px;margin-top:18px;font-size:12.5px;font-weight:700;display:flex}.pg-step{align-items:center;gap:6px;display:flex}.pg-step-dot{box-sizing:border-box;border-radius:999px;flex:none;width:9px;height:9px}.pg-step--on{color:var(--pg-gold-text)}.pg-step--on .pg-step-dot{background:var(--pg-gold);animation:1.6s ease-in-out infinite pg-pulse}.pg-step--next{color:var(--pg-quiet)}.pg-step--next .pg-step-dot{border:2px solid #c6c6c6}.pg-step-line{background:#e7e4dd;border-radius:999px;width:46px;height:2px}.pg-alert{box-sizing:border-box;background:var(--pg-card);text-align:start;border-radius:18px;flex-direction:column;align-self:stretch;gap:14px;margin-top:26px;padding:16px;display:flex;box-shadow:0 12px 30px #2d2d2d17}.pg-alert--pending{visibility:hidden;min-height:140px}.pg-alert-row{align-items:center;gap:12px;display:flex}.pg-alert-icon{width:42px;height:42px;color:var(--pg-gold);background:#d99a1a1f;border-radius:13px;flex:none;place-items:center;display:grid;position:relative}.pg-alert--on .pg-alert-icon{color:var(--pg-green);background:#4e6b4a21}.pg-alert-tick{background:var(--pg-green);width:17px;height:17px;box-shadow:0 0 0 2px var(--pg-card);color:#fff;border-radius:999px;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.pg-alert-text{flex-direction:column;gap:1px;min-width:0;display:flex}.pg-alert-title{font-size:15px;font-weight:700;line-height:1.5}.pg-alert-body{color:var(--pg-muted);font-size:12.5px;line-height:1.6}.pg-btn{background:linear-gradient(160deg, var(--pg-gold-light), var(--pg-gold-deep));height:52px;color:var(--pg-cream);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-self:stretch;align-items:center;gap:8px;padding:0 20px;font-family:inherit;font-size:16px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 10px 22px #d99a1a52}.pg-btn:active{transform:scale(.98);box-shadow:0 6px 14px #d99a1a4d}.pg-btn:disabled{opacity:.72;cursor:progress}.pg-btn:focus-visible,.pg-lang:focus-visible{outline:3px solid var(--pg-gold-text);outline-offset:3px}.pg-btn svg{flex:none}.pg--ready{background:linear-gradient(175deg,#fff9ee,#f5e6c4)}.pg-confetti{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pg--ready .pg-puck{margin-top:calc(72px + env(safe-area-inset-top))}.pg-ready-title{text-wrap:balance;margin:52px 0 0;font-size:31px;font-weight:700;line-height:1.25}.pg-ready-sub{color:#5a5a5a;margin:8px 0 0;font-size:16.5px;line-height:1.6}.pg-chip{color:var(--pg-brown);background:#d9a44129;border-radius:999px;align-items:center;gap:7px;margin:14px 0 0;padding:7px 14px;font-size:12.5px;font-weight:600;line-height:1.5;display:inline-flex}.pg--ready .pg-chip{margin-bottom:32px}.pg-btn--stop{height:56px;margin-top:auto;font-size:17px;box-shadow:0 12px 24px #d9921a57}.pg-stop-note{color:var(--pg-muted);margin-top:10px;font-size:12px}.pg-show{color:var(--pg-brown);margin:auto 0 0;font-size:14px;font-weight:600}.pg-done-check{margin-top:calc(72px + env(safe-area-inset-top));background:var(--pg-green);border-radius:999px;flex:none;place-items:center;width:84px;height:84px;animation:.45s cubic-bezier(.2,.9,.3,1.2) pg-pop;display:grid;box-shadow:0 0 0 10px #4e6b4a1f,0 18px 34px #4e6b4a47}.pg-done-title{text-wrap:balance;margin:28px 0 0;font-size:31px;font-weight:700;line-height:1.25}.pg-done-sub{color:var(--pg-muted);margin:8px 0 0;font-size:16.5px;line-height:1.6}.pg-offer{box-sizing:border-box;background:var(--pg-card);border-radius:24px;flex-direction:column;align-self:stretch;align-items:center;margin-top:44px;padding:24px 20px 20px;animation:.5s ease-out .15s both pg-up;display:flex;box-shadow:0 18px 40px #2d2d2d1f}.pg-offer-title{text-wrap:balance;margin:24px 0 0;font-size:18px;font-weight:700;line-height:1.45}.pg-offer-body{color:var(--pg-muted);margin:6px 0 0;font-size:13.5px;line-height:1.7}.pg-offer .pg-btn{margin-top:16px}.pg-mini{perspective:900px;width:230px;height:140px}.pg-mini-card{box-sizing:border-box;text-align:start;color:#fff9ee;border-radius:18px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:14px 16px;display:flex;transform:rotateX(9deg)rotateY(-8deg)rotate(1deg);box-shadow:0 22px 40px #a0640a52,inset 0 1px #fff6}.pg-mini-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.pg-mini-shop{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.pg-mini-mark{font-family:var(--font-plex-mono), "IBM Plex Mono", ui-monospace, monospace;letter-spacing:1.5px;color:#fff9eecc;flex:none;font-size:9px;font-weight:500}.pg-mini-dots{gap:6px;display:flex}.pg-mini-dot{width:var(--pg-dot,17px);height:var(--pg-dot,17px);background:#fff9ee59;border-radius:999px;box-shadow:inset 0 0 0 1.5px #fff9ee99}.pg-mini-dot--in{box-shadow:none;background:#fff9ee}.pg--message{padding-inline:30px}.pg-message-icon{margin-top:calc(120px + env(safe-area-inset-top));background:#d99a1a1f;border-radius:999px;flex:none;place-items:center;width:88px;height:88px;display:grid}.pg-message-title{text-wrap:balance;margin:24px 0 0;font-size:25px;font-weight:700;line-height:1.35}.pg-message-body{color:var(--pg-muted);margin:10px 0 0;font-size:15px;line-height:1.8}.pg-chip--soft{background:#d9a44124;margin-top:22px;padding:9px 16px}.pg-foot{color:var(--pg-muted);margin-top:auto;padding-top:24px;font-size:11.5px}.pg-foot--tight{margin-top:12px;padding-top:0}@media (max-height:720px){.pg-puck{--pg-puck:200px;margin-top:26px}.pg-puck-face{inset:26px}.pg-puck-led{inset:13px}.pg-title{margin-top:26px;font-size:25px}.pg--ready .pg-puck{margin-top:calc(40px + env(safe-area-inset-top))}.pg-ready-title{margin-top:36px;font-size:28px}.pg-done-check{margin-top:calc(44px + env(safe-area-inset-top))}.pg-offer{margin-top:30px}.pg-message-icon{margin-top:calc(80px + env(safe-area-inset-top))}}@keyframes pg-glow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes pg-breath{0%,to{opacity:.55}50%{opacity:1}}@keyframes pg-pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes pg-ring{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(2.1)}}@keyframes pg-shake{0%,to{transform:perspective(1100px)rotateX(10deg)rotate(0)}20%{transform:perspective(1100px)rotateX(10deg)rotate(-2.5deg)}40%{transform:perspective(1100px)rotateX(10deg)rotate(2.5deg)}60%{transform:perspective(1100px)rotateX(10deg)rotate(-1.5deg)}80%{transform:perspective(1100px)rotateX(10deg)rotate(1.5deg)}}@keyframes pg-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes pg-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pg-puck-glow,.pg-puck-led,.pg-step--on .pg-step-dot,.pg-wave,.pg-done-check,.pg-offer{animation:none}.pg-puck-shake{animation:none;transform:perspective(1100px)rotateX(10deg)}.pg-wave{display:none}}