@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Noto+Kufi+Arabic:wght@400;700&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--red:#c1121f;--red-dark:#9b0d18;--gold:#e9b872;--gold-muted:#b8935a;--dark:#0a0a0f;--dark-2:#12121a;--dark-3:#1a1a28;--green:#1a3a2a;--green-felt:#1e4a32;--white:#fafaf8;--muted:#8b8b7a;--border:hsla(35,73%,68%,.15);--blue:#7aafdb}body,html{height:100%}body{font-family:DM Sans,sans-serif;background:transparent;color:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden}#__next{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:DM Sans,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--dark-2)}::-webkit-scrollbar-thumb{background:hsla(35,73%,68%,.2);border-radius:3px}.page{flex:1 1;display:flex;flex-direction:column}.font-display{font-family:Cormorant Garamond,serif}.font-arabic{font-family:Noto Kufi Arabic,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulseGold{0%,to{box-shadow:0 0 0 3px hsla(35,73%,68%,.2),0 0 20px hsla(35,73%,68%,.3)}50%{box-shadow:0 0 0 6px hsla(35,73%,68%,.1),0 0 30px hsla(35,73%,68%,.5)}}@keyframes toastIn{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes cardPlay{0%{opacity:0;transform:translateY(-20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade{animation:fadeIn .4s ease forwards}.animate-slide{animation:slideUp .4s ease forwards}.animate-scale{animation:scaleIn .3s ease forwards}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;letter-spacing:.2px;cursor:pointer;transition:all .2s;border:none;outline:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff}.btn-primary:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 8px 24px rgba(193,18,31,.3)}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-muted));color:var(--dark)}.btn-gold:hover{opacity:.88;transform:translateY(-1px)}.btn-ghost{background:transparent;border:1px solid hsla(0,0%,100%,.12);color:var(--muted)}.btn-ghost:hover{border-color:hsla(0,0%,100%,.25);color:var(--white)}.btn-sm{padding:7px 16px;font-size:13px}.btn-lg{padding:16px 36px;font-size:16px}.btn-full{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.input-wrap{margin-bottom:16px}.input-label{display:block;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.input{width:100%;padding:12px 16px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;color:var(--white);font-size:15px;font-family:DM Sans,sans-serif;transition:border-color .2s;outline:none}.input:focus{border-color:var(--gold);background:hsla(0,0%,100%,.07)}.input::placeholder{color:#3a3a4a}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:500;padding:24px;animation:fadeIn .2s ease}.modal-box{background:var(--dark-2);border:1px solid var(--border);border-radius:20px;padding:40px;width:100%;max-width:440px;position:relative;animation:scaleIn .3s ease}.modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:6px;background:hsla(0,0%,100%,.06);border:none;color:var(--muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:hsla(0,0%,100%,.1);color:var(--white)}.tabs{display:flex;background:hsla(0,0%,100%,.04);border-radius:10px;padding:4px;margin-bottom:24px}.tab-btn{flex:1 1;padding:9px;border-radius:7px;border:none;background:transparent;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif}.tab-btn.active{background:hsla(35,73%,68%,.15);color:var(--gold)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:8px}.toast{background:var(--dark-2);border:1px solid var(--border);border-radius:12px;padding:14px 20px;font-size:14px;max-width:320px;box-shadow:0 8px 32px rgba(0,0,0,.5);animation:toastIn .3s ease}.toast.success{border-color:rgba(52,199,89,.3)}.toast.error{border-color:rgba(193,18,31,.4)}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.badge-red{background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff}.badge-gold{background:hsla(35,73%,68%,.15);color:var(--gold);border:1px solid hsla(35,73%,68%,.3)}.divider{display:flex;align-items:center;gap:12px;color:#3a3a4a;font-size:12px;margin:20px 0}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:hsla(0,0%,100%,.06)}.loader{width:24px;height:24px;border-radius:50%;border:2px solid hsla(0,0%,100%,.1);border-top:2px solid var(--gold);animation:spin .8s linear infinite}.sky-tunis{position:fixed;inset:0;background:linear-gradient(180deg,#111024 0,#1a1423 35%,#3a1b1c 70%,#6e2e1a);z-index:-7}.stars{position:fixed;top:0;left:0;width:100%;height:60%;pointer-events:none;z-index:-3;overflow:hidden}.star{position:absolute;background:#fff;border-radius:50%;opacity:.95;box-shadow:0 0 4px #fff,0 0 10px hsla(0,0%,100%,.8)}.star.twinkle{animation:starTwinkle 3s ease-in-out infinite}@keyframes starTwinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2);box-shadow:0 0 8px #fff}}.bg-zellige,.stars-hidden-fix{display:none}.moon{position:fixed;top:110px;right:120px;width:50px;height:50px;border-radius:50%;background:transparent;box-shadow:inset -12px -10px 0 0 #fdeba7;filter:drop-shadow(0 0 15px rgba(253,235,167,.3));z-index:-3}.medina-silhouette{height:250px;background:linear-gradient(180deg,transparent 180px,#0a0503 0) 0 bottom /100% 100% no-repeat,linear-gradient(180deg,transparent 60px,#0a0503 0) 15% bottom /36px 100% no-repeat,radial-gradient(circle at 50% 55px,#0a0503 18px,transparent 19px) 15% bottom /36px 100% no-repeat,radial-gradient(ellipse at 50% 120px,#0a0503 40px,transparent 41px) 30% bottom /140px 100% no-repeat,radial-gradient(circle at 25% 145px,#0a0503 25px,transparent 26px) 30% bottom /140px 100% no-repeat,radial-gradient(circle at 75% 145px,#0a0503 25px,transparent 26px) 30% bottom /140px 100% no-repeat,linear-gradient(180deg,transparent 140px,#0a0503 0) 30% bottom /140px 100% no-repeat,linear-gradient(180deg,transparent 90px,#0a0503 0) 24% bottom /8px 100% no-repeat,linear-gradient(180deg,transparent 90px,#0a0503 0) 36% bottom /8px 100% no-repeat,linear-gradient(90deg,transparent 40%,#0a0503 0,#0a0503 60%,transparent 0) 50% bottom /12px 100% no-repeat,linear-gradient(180deg,transparent 55px,#0a0503 0,#0a0503 85px,transparent 0) 50% bottom /30px 100% no-repeat,radial-gradient(circle at 50% 70px,#e9b872 3px,#0a0503 4px,#0a0503 10px,transparent 11px) 50% bottom /30px 100% no-repeat,linear-gradient(180deg,transparent 85px,#0a0503 0) 50% bottom /16px 100% no-repeat,linear-gradient(180deg,transparent 135px,#0a0503 0) 50% bottom /30px 100% no-repeat,linear-gradient(180deg,transparent 155px,#0a0503 0) 50% bottom /44px 100% no-repeat,radial-gradient(circle at 50% 110px,#0a0503 30px,transparent 31px) 70% bottom /70px 100% no-repeat,linear-gradient(180deg,transparent 125px,#0a0503 0) 70% bottom /70px 100% no-repeat,radial-gradient(circle at 50% 100px,#0a0503 35px,transparent 36px) 80% bottom /80px 100% no-repeat,linear-gradient(180deg,transparent 115px,#0a0503 0) 80% bottom /80px 100% no-repeat,linear-gradient(180deg,transparent 90px,#0a0503 0) 92% bottom /20px 100% no-repeat,radial-gradient(circle at 50% 86px,#0a0503 10px,transparent 11px) 92% bottom /20px 100% no-repeat;z-index:-2}.medina-fg,.medina-silhouette{position:fixed;bottom:0;width:100%}.medina-fg{height:40px;background:#050201;z-index:-1}.smoke-container{position:fixed;bottom:195px;left:12%;margin-left:15px;z-index:-3}.smoke{position:absolute;bottom:0;width:10px;height:30px;background:hsla(0,0%,100%,.2);border-radius:50%;filter:blur(6px);opacity:0;animation:smokeRise 5s ease-in infinite}.smoke-1{animation-delay:0s;left:-2px}.smoke-2{animation-delay:1.6s;left:2px;animation-duration:5.5s}.smoke-3{animation-delay:3.2s;left:0;animation-duration:4.8s}@keyframes smokeRise{0%{transform:translateY(0) scale(1) translateX(0);opacity:0}20%{opacity:.25}to{transform:translateY(-120px) scale(3.5) translateX(15px);opacity:0}}.balloonContainer{position:fixed;z-index:10;pointer-events:none;top:15%;animation:balloonDrift 120s linear infinite}.balloon{width:110px;height:110px;position:relative;pointer-events:auto;animation:balloonFloat 6s ease-in-out infinite;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:12px;cursor:pointer;transition:transform .3s}.balloonImg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 35px rgba(0,0,0,.7));z-index:-1;-webkit-mask-image:radial-gradient(circle at 50% 80%,#000 60%,transparent 100%);mask-image:radial-gradient(circle at 50% 80%,#000 60%,transparent 100%)}.balloon:hover{transform:scale(1.03)}.burnerFlame{position:absolute;bottom:35px;left:calc(50% + 2px);transform:translateX(-50%);width:24px;height:36px;pointer-events:none;z-index:1}.flame-core{bottom:0;width:8px;height:18px;background:#fff;border-radius:50% 50% 20% 20%;filter:blur(1.2px);animation:flameTurbulence .2s ease-in-out infinite alternate;box-shadow:0 0 10px gold,0 0 20px #fff;opacity:.95}.flame-core,.flame-outer{position:absolute;left:50%;transform:translateX(-50%);transform-origin:bottom center}.flame-outer{bottom:-3px;width:16px;height:30px;background:linear-gradient(0deg,#ff4500,gold);border-radius:50% 50% 25% 25%;filter:blur(3.5px);opacity:.7;animation:flameTurbulence .3s ease-in-out infinite alternate-reverse;mix-blend-mode:screen}.burnerGlow{position:absolute;bottom:28px;left:calc(50% + 2px);width:50px;height:50px;background:radial-gradient(circle,rgba(255,69,0,.3) 0,transparent 75%);transform:translateX(-50%);pointer-events:none;animation:glowPulse 3s ease-in-out infinite;z-index:0}.flame-sparks span{position:absolute;bottom:20px;left:50%;width:3px;height:3px;background:gold;border-radius:50%;opacity:0;animation:riseSpark 1.5s linear infinite}.flame-sparks span:first-child{left:40%;animation-delay:0s}.flame-sparks span:nth-child(2){left:60%;animation-delay:.5s}.flame-sparks span:nth-child(3){left:50%;animation-delay:1s}@keyframes flameFlicker{0%{transform:translateX(-50%) scaleX(1) scaleY(1)}to{transform:translateX(-50%) scaleX(1.1) scaleY(1.2)}}.tipeeeWidgetWrap{display:none}@keyframes balloonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes balloonDrift{0%{left:-200px;opacity:0}5%{opacity:1}95%{opacity:1}to{left:110vw;opacity:0}}.lanterns-container{display:flex;justify-content:center;align-items:flex-start;gap:30px;margin-top:20px;margin-bottom:40px;height:80px}.lantern-wrap{position:relative;display:flex;flex-direction:column;align-items:center;transform-origin:top center;animation:swing 4s ease-in-out infinite alternate}.lantern-wrap:first-child{animation-delay:0s;animation-duration:4.2s}@keyframes riseSpark{0%{transform:translate(0);opacity:1}to{transform:translateY(-100px);opacity:0}}@keyframes flameTurbulence{0%{transform:translateX(-50%) scale(1) skewX(0deg);opacity:.9}25%{transform:translateX(-48%) scale(1.05,.95) skewX(-3deg);opacity:1}50%{transform:translateX(-52%) scale(.95,1.1) skewX(4deg);opacity:.8}75%{transform:translateX(-49%) scale(1.1,.9) skewX(-2deg);opacity:1}to{transform:translateX(-50%) scale(1.02,1.05) skewX(2deg);opacity:.9}}@keyframes glowPulse{0%,to{transform:translateX(-50%) scale(1);opacity:.3}50%{transform:translateX(-50%) scale(1.4);opacity:.6}}.lantern-wrap:nth-child(3){animation-delay:-3s;animation-duration:4.5s}.lantern-string{width:1px;height:25px;background:hsla(35,73%,68%,.4)}.lantern{width:48px;height:68px;background-image:url(/card-back.jpg);background-size:cover;background-position:50%;border-radius:6px;position:relative;box-shadow:0 8px 16px rgba(0,0,0,.5),0 0 25px hsla(35,73%,68%,.2);border:1px solid #d4af37}@keyframes swing{0%{transform:rotate(12deg)}to{transform:rotate(-12deg)}}