@import "https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cairo:wght@300;400;600;700;800;900&display=swap";:root{--brown-darkest:#2a1a15;--brown-dark:#3e2723;--brown:#4e342e;--brown-light:#6d4c41;--brown-soft:#8d6e63;--cream:#f5e6d3;--cream-light:#fff8f0;--cream-lighter:#fffcf8;--gold:#d4a843;--gold-light:#e8c872;--gold-dark:#b8902f;--text-dark:#2c1810;--text-mid:#5d4037;--text-grey:#8d6e63;--text-light:#a1887f;--white:#fff;--border:#efe0d0;--border-strong:#e0cdb8;--success:#2e7d32;--danger:#c62828;--warn:#ef6c00;--shadow-xs:0 1px 3px #3e27230f;--shadow:0 2px 12px #3e272314;--shadow-lg:0 8px 32px #3e272324;--shadow-xl:0 20px 60px #3e272338;--radius-sm:10px;--radius:16px;--radius-lg:24px;--radius-full:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--header-h:64px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--cream-light);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;font-family:Cairo,Amiri,system-ui,sans-serif}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}[dir=rtl]{direction:rtl}[dir=ltr]{direction:ltr}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}.container-narrow{width:100%;max-width:780px;margin:0 auto;padding:0 20px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.pattern-bg{background-image:radial-gradient(circle at 25% 25%,#d4a8430f 1.5px,#0000 1.5px),radial-gradient(circle at 75% 75%,#d4a8430f 1.5px,#0000 1.5px);background-size:34px 34px}.pattern-arabesque{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23D4A843' stroke-opacity='0.10' stroke-width='1'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30 Z'/%3E%3Ccircle cx='30' cy='30' r='14'/%3E%3Cpath d='M30 16 L44 30 L30 44 L16 30 Z'/%3E%3C/g%3E%3C/svg%3E");background-size:60px 60px}.gold-divider{background:linear-gradient(90deg, transparent, var(--gold) 20%, var(--gold) 80%, transparent);opacity:.5;height:1px}.gold-text{background:linear-gradient(135deg, var(--gold-light), var(--gold), var(--gold-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-full);transition:transform .18s var(--ease-spring), box-shadow .2s, background .2s, opacity .2s;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:700;display:inline-flex}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-gold{background:linear-gradient(135deg, var(--gold-light), var(--gold));color:var(--brown-dark);box-shadow:0 4px 16px #d4a84359}.btn-gold:hover:not(:disabled){box-shadow:0 8px 24px #d4a84373}.btn-brown{background:var(--brown-dark);color:var(--cream-light);box-shadow:0 4px 16px #3e272340}.btn-ghost{background:var(--white);color:var(--brown-dark);border:1.5px solid var(--border-strong)}.btn-block{width:100%}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulseRing{0%{box-shadow:0 0 #d4a84380}70%{box-shadow:0 0 0 14px #d4a84300}to{box-shadow:0 0 #d4a84300}}@keyframes checkDraw{0%{stroke-dashoffset:60px}to{stroke-dashoffset:0}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.anim-fade-up{animation:fadeUp .5s var(--ease-out) both}.anim-fade-in{animation:.4s both fadeIn}.anim-scale-in{animation:scaleIn .35s var(--ease-spring) both}.anim-pop{animation:pop .4s var(--ease-spring)}.anim-float{animation:3s ease-in-out infinite floatY}.anim-pulse-ring{animation:2s infinite pulseRing}.stagger>*{animation:fadeUp .5s var(--ease-out) both}.stagger>:first-child{animation-delay:40ms}.stagger>:nth-child(2){animation-delay:80ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.16s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.24s}.stagger>:nth-child(7){animation-delay:.28s}.stagger>:nth-child(8){animation-delay:.32s}.skeleton{background:linear-gradient(90deg, var(--cream) 25%, #fdf6ee 50%, var(--cream) 75%);border-radius:var(--radius-sm);background-size:400px 100%;animation:1.4s linear infinite shimmer}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes pulseDot{0%,80%,to{opacity:.45;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}
