@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Amiri:ital,wght@0,400;0,700;1,400&family=Playfair+Display:wght@400;700&display=swap";:root{--gold:#c9a227;--gold-light:#e4c05a;--gold-dark:#9a7a1a;--gold-glow:#c9a22759;--dark:#0f0a04;--dark-2:#1a1208;--dark-3:#251a0c;--dark-4:#3a2815;--brown:#6b4226;--brown-light:#8b5e3c;--cream:#faf3e0;--cream-2:#f5edd8;--cream-3:#ede0c4;--warm-white:#fdf8ef;--text-dark:#2c1a0a;--text-muted:#8a6a4a;--border-gold:#c9a2274d;--border-light:#c9a22726;--font-main:"Cairo", sans-serif;--font-serif:"Amiri", serif;--font-latin:"Playfair Display", serif;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--shadow-gold:0 4px 30px #c9a22740;--shadow-dark:0 8px 40px #00000080;--shadow-card:0 2px 20px #0000001f;--transition:all .35s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background:var(--warm-white);color:var(--text-dark);text-align:right;direction:rtl;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:var(--font-serif);line-height:1.3}.section-title{color:var(--dark-2);font-size:clamp(1.8rem,4vw,2.8rem);font-family:var(--font-serif);display:inline-block;position:relative}.section-title .gold{color:var(--gold)}.ornament{justify-content:center;align-items:center;gap:14px;margin-bottom:16px;display:flex}.ornament-line{background:linear-gradient(90deg, transparent, var(--gold));width:60px;height:1px}.ornament-line.rev{background:linear-gradient(90deg, var(--gold), transparent)}.ornament-icon{color:var(--gold);font-size:1.1rem}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-gold);height:72px;transition:var(--transition);background:#0f0a04eb;justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:var(--shadow-dark);background:#0f0a04fa}.nav-logo{align-items:center;gap:12px;text-decoration:none;display:flex}.nav-logo-text{font-family:var(--font-serif);color:var(--cream);font-size:1.25rem;line-height:1.2}.nav-logo-sub{color:var(--gold);letter-spacing:2px;text-transform:uppercase;font-size:.65rem;font-family:var(--font-main);font-weight:400}.nav-logo-badge{border:2px solid var(--gold);width:44px;height:44px;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links a{color:var(--cream-3);transition:var(--transition);padding:4px 0;font-size:.9rem;font-weight:500;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--gold);transform-origin:50%;height:1.5px;transition:var(--transition);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover,.nav-links a.active{color:var(--gold)}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.nav-btn{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:var(--dark);border-radius:var(--radius-sm);font-family:var(--font-main);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:6px;padding:9px 24px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}.nav-btn:hover{box-shadow:var(--shadow-gold);filter:brightness(1.1);transform:translateY(-2px)}.btn{border-radius:var(--radius-sm);font-family:var(--font-main);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:8px;padding:12px 30px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-gold{background:linear-gradient(135deg, var(--gold-light), var(--gold), var(--gold-dark));color:var(--dark);box-shadow:0 4px 20px #c9a22759}.btn-gold:hover{filter:brightness(1.08);transform:translateY(-3px);box-shadow:0 8px 30px #c9a22780}.btn-outline-gold{color:var(--gold);border:1.5px solid var(--gold);background:0 0}.btn-outline-gold:hover{background:var(--gold);color:var(--dark);transform:translateY(-2px)}.btn-dark{background:var(--dark-3);color:var(--cream);border:1px solid var(--border-gold)}.btn-dark:hover{background:var(--dark-4);border-color:var(--gold);transform:translateY(-2px)}.badge{border-radius:100px;align-items:center;gap:4px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.badge-gold{color:var(--gold-dark);background:#c9a22726;border:1px solid #c9a2274d}.badge-dark{background:var(--dark-3);color:var(--gold);border:1px solid var(--border-gold)}.section{padding:80px 0}.container{max-width:1200px;margin:0 auto;padding:0 24px}.divider{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:100%;height:1px;margin:48px 0}.footer{background:var(--dark);border-top:1px solid var(--border-gold);color:var(--cream-3);padding:48px 0 24px}.footer-logo-text{font-family:var(--font-serif);color:var(--cream);margin-bottom:8px;font-size:1.5rem}.footer-sub{color:var(--text-muted);letter-spacing:2px;font-size:.8rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin:24px 0;list-style:none;display:flex}.footer-links a{color:var(--text-muted);transition:var(--transition);font-size:.88rem;text-decoration:none}.footer-links a:hover{color:var(--gold)}.footer-copy{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-light);padding-top:20px;font-size:.8rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse-gold{0%,to{box-shadow:0 0 #c9a22780}50%{box-shadow:0 0 0 12px #c9a22700}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:.8}90%{opacity:.4}to{opacity:0;transform:translateY(-20px)scale(1.5)}}@keyframes xpGrow{0%{width:0}to{width:68%}}.animate-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.animate-in.visible{opacity:1;transform:translateY(0)}.section-header{text-align:center;margin-bottom:60px}.section-header p{color:var(--text-muted);max-width:500px;margin-top:12px;margin-left:auto;margin-right:auto}#toast{background:var(--dark-2);color:var(--cream);border-radius:var(--radius-md);border:1px solid var(--border-gold);z-index:9999;box-shadow:var(--shadow-dark);white-space:nowrap;padding:14px 24px;font-size:.92rem;font-weight:600;transition:transform .4s cubic-bezier(.4,0,.2,1);position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(100px)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;opacity:0;pointer-events:none;background:#000000b3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal-box{border-radius:var(--radius-lg);width:90%;max-width:560px;max-height:90vh;transition:var(--transition);border:1px solid var(--cream-3);background:#fff;overflow-y:auto;transform:translateY(30px)scale(.96)}.modal-overlay.open .modal-box{transform:translateY(0)scale(1)}.modal-header{border-bottom:1px solid var(--cream-3);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{font-family:var(--font-serif);color:var(--dark-2);font-size:1.2rem}.modal-close{background:var(--cream);cursor:pointer;width:32px;height:32px;color:var(--text-muted);transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.modal-close:hover{background:var(--cream-3);color:var(--text-dark)}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--cream-3);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}@media (width<=768px){.navbar{padding:0 20px}.nav-links{display:none}.section{padding:56px 0}}.svg-icon{vertical-align:middle;flex-shrink:0;display:inline-block}.svg-icon.spin{animation:2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-modal-box{width:440px!important;padding:0!important}.auth-tabs{border-bottom:1px solid var(--cream-3);display:flex}.auth-tab{font-family:var(--font-main);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;outline:none;flex:1;padding:18px 0;font-size:.95rem;font-weight:700}.auth-tab.active{color:var(--gold-dark);border-bottom-color:var(--gold);background:#c9a22708}.auth-tab:hover:not(.active){color:var(--text-dark);background:#00000005}.auth-hint{border-radius:var(--radius-sm);color:var(--gold-dark);border:1px solid var(--border-gold);background:#c9a22714;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:.88rem;font-weight:600;display:flex}.auth-error{border-radius:var(--radius-sm);color:#d32f2f;background:#f443361a;border:1px solid #f4433633;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:.88rem;font-weight:600;display:flex}.auth-demo-hint{text-align:center;color:var(--text-muted);border-top:1px dashed var(--cream-3);margin-top:24px;padding-top:16px;font-size:.82rem}.form-group{margin-bottom:16px}.form-label{color:var(--text-dark);align-items:center;gap:6px;margin-bottom:8px;font-size:.88rem;font-weight:700;display:flex}.form-input{border:1.5px solid var(--cream-3);border-radius:var(--radius-sm);width:100%;font-family:var(--font-main);background:var(--cream);color:var(--text-dark);transition:var(--transition);text-align:right;direction:ltr;outline:none;padding:12px 16px;font-size:.95rem}.form-input::placeholder{color:#aab;text-align:right}.form-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a22726}.welcome-bonus-box{border:1px solid var(--border-gold);border-radius:var(--radius-sm);color:var(--gold-dark);background:linear-gradient(135deg,#c9a2271a,#c9a22705);align-items:center;gap:10px;margin-bottom:20px;padding:12px;font-size:.88rem;font-weight:700;display:flex}.welcome-bonus-box svg{color:var(--gold)}.user-nav{align-items:center;gap:16px;display:flex}.user-points-chip{border:1px solid var(--border-gold);color:var(--gold-light);background:#c9a22726;border-radius:100px;align-items:center;gap:6px;padding:4px 12px;font-size:.88rem;font-weight:700;display:flex}.user-info-nav{align-items:center;gap:8px;display:flex}.user-avatar-nav{background:linear-gradient(135deg, var(--gold), var(--gold-dark));width:34px;height:34px;color:var(--dark);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex}.user-name-nav{color:var(--cream);font-size:.9rem;font-weight:600}.logout-btn{border:1px solid var(--border-light);color:var(--text-muted);border-radius:var(--radius-sm);font-family:var(--font-main);cursor:pointer;transition:var(--transition);background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:flex}.logout-btn:hover{color:var(--cream);border-color:var(--cream-3);background:#ffffff0d}.nav-btn svg,.btn svg{margin-left:-2px}