:root{padding:2rem;text-align:center;font-family:fantasy,Avenir,Helvetica,Arial,sans-serif;font-weight:400;margin:0;padding:0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background-color: #f6f6f6;--foreground-color: rgb(121, 3, 218);--primary-text-color: #0a0a0a;--secondary-text-color: #ffffff;--pattern-color: #ffffff12;--toggle-bg: #f0eb9d;--toggle-fg: #474303}*{box-sizing:border-box}[data-theme=light]{--background-color: #f6f6f6;--foreground-color: rgb(121, 3, 218);--primary-text-color: #ffffff;--secondary-text-color: #000000;--pattern-color: #0000002d;--toggle-bg: #f0eb9d;--toggle-fg: #474303}[data-theme=dark]{--background-color: #1a1a1a;--foreground-color: rgb(121, 3, 218);--primary-text-color: #ffffff;--secondary-text-color: #ffffff;--pattern-color: #ffffff12;--toggle-bg: #334cdb;--toggle-fg: #12106e}body{margin:0;flex:1;min-height:100dvh;display:flex;flex-direction:column;padding-top:5rem;font-family:Cairo,Amiri,Noto Naskh Arabic,sans-serif}.App{margin:0;padding:0;padding-top:5rem;width:100%;height:100%;background-color:var(--background-color);background-image:radial-gradient(var(--pattern-color) 1px,transparent 1px);background-size:24px 24px;transition:.5s}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:clamp(1.8rem,4vw,2.5rem);font-family:fantasy;float:left;margin-left:1rem;margin-top:1.4rem;color:var(--primary-text-color);transition:.5s}h2{font-size:clamp(1.4rem,3vw,2rem);font-family:fantasy;color:var(--secondary-text-color);transition:.5s}h3{font-size:2em;font-family:fantasy;color:var(--secondary-text-color);transition:.5s}p{font-family:fantasy;font-size:clamp(1rem,2.2vw,1.2rem);color:var(--secondary-text-color)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:fantasy;color:var(--secondary-text-color);background-color:var(--background-color);cursor:pointer;transition:border-color .25s;float:right;margin-top:1.4rem;margin-right:1.4rem}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#darkButton{color:var(--foreground-color);background-color:var(--background-color);position:fixed;top:5rem;right:.5rem;z-index:9999;font-weight:700;padding:1rem;border:var(--foreground-color) 2px solid;transition:.2s ease}#darkButton:hover{background-color:var(--secondary-text-color);border:var(--foreground-color) 2px solid;padding:1.2rem}.Event{margin-top:5rem}.Event .Card{display:block}#logo{cursor:pointer}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){.logo:hover{animation:logo-spin infinite 20s linear}}.read-the-docs{color:#888}.navbar{position:fixed;top:0;width:100%;height:5rem;background:#46007b66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-image:radial-gradient(var(--pattern-color) 1px,transparent 1px);background-size:24px 24px;display:flex;align-items:center;padding:0 2rem;box-shadow:0 5px 20px #0006;z-index:999;direction:ltr}.nav-left{display:flex;align-items:center;gap:1rem}.nav-logo{height:4.5rem;width:auto;border-radius:50%}.nav-title{font-size:1.2rem;font-weight:700;color:#fff}.nav-links{margin-left:auto;display:flex;gap:1rem}.nav-links button{background:transparent;border:2px solid var(--background-color);background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1.2rem;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:.2s;margin:auto}.nav-links button:hover{color:#000;padding:.7rem 1.5rem}.nav-cta{background:var(--accent-color);color:#000}.hamburger{display:none;font-size:2rem;margin-left:auto;cursor:pointer;color:#fff}.mobile-menu{position:absolute;top:70px;right:0;background:var(--foreground-color);width:100%;display:flex;flex-direction:column;padding:1rem;gap:1rem}@media(max-width:768px){.nav-links{display:none}.hamburger{display:block}.nav-title{font-size:1rem}}.footer{width:100%;padding:1.5rem 0;background:#46007b66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-image:radial-gradient(var(--pattern-color) 1px,transparent 1px);background-size:24px 24px;box-shadow:0 -5px 20px #0006}.footer-content{max-width:1200px;margin:auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-text{font-size:.95rem;opacity:.85;margin:0}.footer-socials{display:flex;gap:.8rem}.footer-socials a{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#181818a6;border-radius:50%;transition:.2s ease}.footer-socials a:hover{background:var(--accent-color);transform:translateY(-2px)}.footer-socials img{width:30px;height:auto}.shop-section{position:relative;width:100%;height:35rem;margin-top:4rem;margin-bottom:-6rem;border-radius:0;overflow:hidden;box-shadow:0 10px 40px #0000004d}.shop-map{width:100%;height:100%;border:none;filter:grayscale(40%) contrast(1.1)}.shop-overlay{position:absolute;top:20px;left:20px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.4rem;border-radius:14px;color:#fff;z-index:2}.shop-overlay h2{margin:0;font-size:1.4rem;color:#fff}.shop-overlay p{margin:.4rem 0 0;font-size:.9rem;opacity:.8}.piece-card{max-width:85%;margin:4rem auto;border-radius:18px;background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 45px #00000059;padding:0;overflow:hidden}.piece-content{display:flex;gap:2rem;align-items:stretch;padding:2.2rem}.piece-text{flex:1;display:flex;flex-direction:column;justify-content:center}.piece-big{margin:0;font-size:clamp(2rem,2.8vw,3rem);font-weight:700;color:var(--secondary-text-color);line-height:1.3;font-family:Cairo,Amiri,Noto Naskh Arabic,sans-serif}.piece-medium{margin:0;font-size:clamp(1.15rem,1.4vw,1.6rem);font-weight:500;opacity:.95;line-height:1.9;font-family:Cairo,Amiri,Noto Naskh Arabic,sans-serif;white-space:pre-line}.piece-divider{width:90px;height:4px;background:var(--accent-color, #4ade80);margin:1rem auto;border-radius:10px}.piece-img{width:320px;aspect-ratio:1 / 1;border-radius:16px;object-fit:cover;box-shadow:0 12px 30px #00000073}.piece-card.left .piece-content{flex-direction:row}.piece-card.right .piece-content{flex-direction:row-reverse}html[lang=ar] .piece-text{direction:rtl;text-align:right}@media(max-width:900px){.piece-content{flex-direction:column;align-items:flex-start}.piece-img{display:none}.piece-text{width:100%}}.slider-wrapper{position:relative;width:100%;margin-top:-10rem;box-shadow:0 10px 15px}.slide{position:relative;width:100%}.slider img{width:100%;height:90vh;object-fit:cover}.hero-text{direction:rtl;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;background:#0006;padding:2rem 3rem;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-family:"",sans-serif}.hero-text h1{font-size:4.5rem;font-weight:700;margin-bottom:.5rem}.hero-text h2{font-size:3.5rem;font-weight:600;color:#fff;margin-bottom:1.2rem}.hero-text p{font-size:2rem;margin-bottom:.5rem;color:#fff}.hero-text button{margin-top:1.5rem;margin-right:33%;padding:.8rem 2.2rem;font-size:1.1rem;border-radius:30px}.hero-text button:hover{background-color:#fff;color:purple}@media(max-width:700px){.slider img{max-height:30rem}.hero-text{min-width:90%}.hero-text h1{font-size:1.8rem}.hero-text h2{font-size:1.3rem}.hero-text p{font-size:1rem}}.language-section{width:min(90%,1100px);margin:4rem auto;padding:2.5rem;background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 10px 30px #00000040;font-family:Cairo,Amiri,Noto Naskh Arabic,sans-serif}.language-title{font-size:2rem;margin-bottom:1.8rem;text-align:center;color:var(--secondary-text-color);font-weight:600;font-family:Cairo,Amiri,Noto Naskh Arabic,sans-serif}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.language-item{background:var(--foreground-color);border:1px solid rgba(255,255,255,.12);padding:.9rem 1rem;border-radius:12px;text-align:center;font-size:1.05rem;font-weight:500;color:var(--primary-text-color);line-height:1.4;transition:.2s ease;box-shadow:0 4px 12px #0003;direction:rtl}.language-item:hover{transform:translateY(-3px);background:var(--background-color);color:var(--secondary-text-color);border-color:var(--secondary-text-color)}@media(max-width:600px){.language-section{padding:1rem}.language-title{font-size:1.6rem}.language-item{font-size:1.1rem;padding:.8rem}}.whatsapp-float{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;background-color:#25d366;border-radius:50%;width:90px;height:90px;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 25px #0006;transition:.2s ease}.whatsapp-float img{width:60px;height:auto}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 12px 35px #0009}@media(max-width:600px){.whatsapp-float{width:55px;height:55px;bottom:1rem;right:1rem}}.whatsapp-text{position:fixed;bottom:1.5rem;right:7.5rem;background:#000;color:#fff;padding:.5rem 1rem;border-radius:12px;font-size:.9rem;transition:.2s}.whatsapp-text:hover{padding:1rem 1.5rem}.contact-card{max-width:85%;margin:4rem auto;padding:2.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 40px #00000059;text-align:center;background-color:var(--background-color);opacity:.8;background:radial-gradient(circle,transparent 20%,var(--background-color) 20%,var(--background-color) 80%,transparent 80%,transparent),radial-gradient(circle,transparent 20%,var(--background-color) 20%,var(--background-color) 80%,transparent 80%,transparent) 25px 25px,linear-gradient(#444df745 2px,transparent 2px) 0 -1px,linear-gradient(90deg,#444df73e 2px,var(--background-color) 2px) -1px 0;background-size:50px 50px,50px 50px,25px 25px,25px 25px}.contact-title{font-size:2.5rem;font-weight:700;color:var(--secondary-text-color);margin:0}.contact-divider{width:90px;height:4px;background:var(--accent-color, #4ade80);margin:1rem auto 2rem;border-radius:10px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:stretch}.contact-item{background:#8400ff32;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;display:flex;flex-direction:column;justify-content:center;height:100%;text-align:center;box-sizing:border-box;min-height:160px;min-width:50%;transition:.2s ease}.contact-item:hover{transform:translateY(-5px);background:#00000059}.contact-item span{display:block;font-size:1.1rem;font-weight:600;opacity:.8;margin-bottom:.3rem;color:var(--secondary-text-color)}.contact-item p{margin:0;font-size:1.2rem;font-weight:500;word-wrap:break-word}.pic{margin:1rem auto}@media(max-width:900px){.contact-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.contact-item{padding:1rem;font-size:.9rem}.contact-card{max-width:95%;padding:1.5rem}.contact-item svg{width:24px;height:24px}.contact-item span{font-size:.9rem}.contact-item p{font-size:.85rem}.contact-title{font-size:1.8rem}}.contact-item svg{color:var(--secondary-text-color);margin-bottom:.5rem}.lang-button{position:fixed;top:5rem;left:1rem;background:#000000b6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:.6rem 1rem;border-radius:999px;font-size:1rem;font-weight:600;color:var(--primary-text-color);cursor:pointer;z-index:200;transition:.25s ease}.lang-button:hover{background:#ffffff26;transform:translateY(-2px)}.lang-button:active{transform:translateY(1px)}
