@import "https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Cairo:wght@500;600;700;800&family=Tajawal:wght@300;400;500;700&display=swap";:root{--parchment:#f4efe6;--parchment-raised:#faf6ee;--parchment-deep:#ece5d6;--vellum:#fbf8f1;--ink:#0b1f3f;--ink-2:#1a3055;--ink-3:#314a75;--ink-mute:#6b7a92;--brass:#d9c28e;--brass-2:#bfa876;--brass-deep:#9c8757;--brass-wash:#f1e8d2;--olive:#5c6e4a;--rust:#a3563a;--hair:#9b845666;--hair-strong:#9b8456b3;--hair-ink:#0b1f3f1a;--shadow-1:0 1px 0 #0b1f3f0a, 0 1px 2px #0b1f3f0d;--shadow-2:0 1px 0 #0b1f3f0a, 0 6px 20px -8px #0b1f3f2e;--shadow-3:0 1px 0 #0b1f3f0a, 0 16px 40px -16px #0b1f3f47, 0 4px 14px -6px #0b1f3f1f;--r:.75rem;--r-sm:.5rem;--r-xs:.375rem;--r-pill:999px;--font-display:"Cairo", system-ui, sans-serif;--font-body:"Tajawal", system-ui, sans-serif;--font-script:"Amiri", "Cairo", Georgia, serif}.gp-root{font-family:var(--font-body);color:var(--ink);background:var(--parchment);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;direction:rtl}.gp-root *{box-sizing:border-box}.gp-display{font-family:var(--font-display);letter-spacing:0}.gp-parchment{background-color:var(--parchment);background-image:radial-gradient(80% 60% at 20% 0,#d9c28e1a,#0000 60%),radial-gradient(70% 50% at 80% 100%,#0b1f3f0a,#0000 60%),repeating-radial-gradient(circle,#9b845603 0 1px,#0000 1px 3px)}.gp-hair{background:var(--hair);border:0;width:100%;height:1px}.gp-diamond-rule{color:var(--brass-2);align-items:center;gap:12px;display:flex}.gp-diamond-rule:before,.gp-diamond-rule:after{content:"";background:linear-gradient(90deg, transparent, var(--brass-2) 30%, var(--brass-2) 70%, transparent);flex:1;height:1px}.gp-card{background:var(--parchment-raised);border-radius:var(--r);border:1px solid var(--hair);box-shadow:var(--shadow-2);position:relative}.gp-card-flat{background:var(--vellum);border-radius:var(--r);border:1px solid var(--hair)}.gp-btn{font-family:var(--font-body);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;line-height:1;transition:all .18s;display:inline-flex}.gp-btn-primary{background:var(--ink);color:var(--parchment);border-color:var(--ink)}.gp-btn-primary:hover{background:var(--ink-2)}.gp-btn-ghost{color:var(--ink);border:1px solid var(--hair-strong);background:0 0}.gp-btn-ghost:hover{background:var(--parchment-deep)}.gp-btn-brass{background:var(--brass);color:var(--ink);border-color:var(--brass-2)}.gp-btn-brass:hover{background:var(--brass-2)}.gp-chip{border-radius:var(--r-pill);border:1px solid var(--hair-strong);background:var(--parchment-raised);color:var(--ink-2);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.gp-chip-brass{background:var(--brass-wash);border-color:var(--brass);color:var(--brass-deep)}.gp-chip-olive{color:var(--olive);background:#5c6e4a1a;border-color:#5c6e4a59}.gp-chip-ink{background:var(--ink);border-color:var(--ink);color:var(--parchment)}.gp-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.gp-dot-done{background:var(--olive)}.gp-dot-active{background:var(--brass-2);box-shadow:0 0 0 3px #d9c28e4d}.gp-dot-wait{background:var(--hair-strong)}.gp-input{background:var(--vellum);border:1px solid var(--hair-strong);border-radius:var(--r-sm);width:100%;font-family:var(--font-body);color:var(--ink);outline:none;padding:12px 14px;font-size:15px;transition:border-color .18s,background .18s}.gp-input:focus{border-color:var(--brass-2);background:#fff}.gp-label{color:var(--ink-mute);letter-spacing:.02em;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.gp-noscroll::-webkit-scrollbar{display:none}.gp-noscroll{scrollbar-width:none}html,body{background:#f0eee9;margin:0;padding:0}*{-webkit-font-smoothing:antialiased}input:focus,button:focus{outline:none}#root{justify-content:center;align-items:flex-start;min-height:100vh;display:flex}.inv-intro{z-index:3000;pointer-events:none;position:fixed;inset:0}.inv-intro-half{background:var(--vellum);height:50.5%;position:absolute;left:0;right:0;overflow:hidden}.inv-intro-top{box-shadow:inset 0 -1px 0 var(--brass-2);animation:1.05s cubic-bezier(.76,0,.24,1) 2.8s both invUnfoldUp;top:0}.inv-intro-bottom{box-shadow:inset 0 1px 0 var(--brass-2);animation:1.05s cubic-bezier(.76,0,.24,1) 2.8s both invUnfoldDown;bottom:0}.inv-intro-center{z-index:2;justify-content:center;align-items:center;animation:.5s 2.55s both invIntroFade;display:flex;position:absolute;inset:0}.inv-intro-title{text-align:center;width:min(82vw,440px);animation:1.1s cubic-bezier(.34,1.56,.64,1) both invIntroTitle}.inv-intro-title-text{font-family:var(--font-script);color:var(--ink);font-size:clamp(30px,8vw,52px);font-weight:700;line-height:1.25}@keyframes invIntroTitle{0%{opacity:0;transform:translateY(16px)scale(.92)}55%{opacity:1;transform:translateY(-4px)scale(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes invIntroFade{to{opacity:0}}@keyframes invUnfoldUp{to{transform:translateY(-101%)}}@keyframes invUnfoldDown{to{transform:translateY(101%)}}@media print{.inv-intro{display:none!important}}.vip-intro{z-index:3200;pointer-events:none;position:fixed;inset:0}.vip-intro-half{background:linear-gradient(#0e2342 0%,#0b1f3f 100%);height:50.5%;position:absolute;left:0;right:0;overflow:hidden}.vip-intro-top{box-shadow:inset 0 -1px 0 var(--brass), inset 0 -16px 34px -20px #000000bf;animation:1.05s cubic-bezier(.76,0,.24,1) 3s both vipUnfoldUp;top:0}.vip-intro-bottom{box-shadow:inset 0 1px 0 var(--brass), inset 0 16px 34px -20px #000000bf;animation:1.05s cubic-bezier(.76,0,.24,1) 3s both vipUnfoldDown;bottom:0}.vip-intro-center{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:20px;animation:.55s 3s both invIntroFade;display:flex;position:absolute;inset:0}.vip-intro-logo{object-fit:contain;filter:drop-shadow(0 12px 28px #00000080);width:min(54vw,230px);height:auto;animation:1s cubic-bezier(.34,1.56,.64,1) both vipLogoIn}.vip-intro-title{font-family:var(--font-script);color:var(--vellum);text-align:center;padding:0 24px;font-size:clamp(28px,8.5vw,52px);font-weight:700;line-height:1.25;animation:.9s cubic-bezier(.34,1.56,.64,1) .25s both vipTitleIn}@keyframes vipLogoIn{0%{opacity:0;transform:translateY(14px)scale(.86)}60%{opacity:1;transform:translateY(-3px)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes vipTitleIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes vipUnfoldUp{to{transform:translateY(-101%)}}@keyframes vipUnfoldDown{to{transform:translateY(101%)}}@media print{.vip-intro{display:none!important}}
