@import url(https://fonts.googleapis.com/css2?family=Reem+Kufi:wght@400;700&display=swap);.landing-root{background:var(--bg-main);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='120' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m60 60 30-30v60L60 60zm0 0 30 30H30l30-30zm0 0L30 30v60l30-30zm0 0L30 90h60L60 60zM30 30l15-15 15 15-15 15' fill='%23006233' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E"),radial-gradient(circle at 25% 25%,#c49a6c1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#00623314 0,#0000 50%);color:var(--text-main);display:flex;flex-direction:column;min-height:100vh;position:relative;transition:background .3s,color .3s}.landing-root:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 100a50 50 0 1 1 100 0 50 50 0 1 1-100 0m50 0 25-43.3 25 43.3-25 43.3-25-43.3zm0 0 43.3-25v50L100 100zm0 0 25 43.3H75l25-43.3zm0 0-43.3 25V75l43.3 25z' fill='%23c19a6b' fill-opacity='.02'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.hero-img-wrap{align-items:center;background:linear-gradient(135deg,var(--moroccan-green) 0,var(--moroccan-blue) 100%);border:2px solid #c49a6c4d;border-radius:24px;box-shadow:0 8px 32px #0062332e,inset 0 1px 0 #ffffff1a;display:flex;flex:1 1 320px;justify-content:center;margin-bottom:1rem;min-height:240px;min-width:240px;overflow:hidden;padding:2rem;position:relative}.hero-img-wrap:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m30 30 15-15v30L30 30zm0 0 15 15H15l15-15zm0 0L15 15v30l15-15zm0 0L15 45h30L30 30zM15 15l7.5-7.5L30 15l-7.5 7.5L15 15zm30 0 7.5-7.5L60 15l-7.5 7.5L45 15zm0 30 7.5-7.5L60 45l-7.5 7.5L45 45zm-30 0 7.5-7.5L30 45l-7.5 7.5L15 45zm0 30 7.5-7.5L30 75l-7.5 7.5L15 75zm-30 0 7.5-7.5L0 75l-7.5 7.5L-15 75zm-30 0 7.5-7.5L-30 75l-7.5 7.5L-45 75zm0 30 7.5-7.5 7.5 7.5-7.5 7.5-7.5-7.5zm-30 0 7.5-7.5 7.5 7.5-7.5 7.5-7.5-7.5z' fill='%23fff' fill-opacity='.08'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0}.hero-img-wrap:after{animation:rotate-pattern 20s linear infinite;background:conic-gradient(from 0deg,#0000,#ffffff0d,#0000 120deg);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #c49a6c33;justify-content:space-between;padding:1rem 2rem;position:relative}.landing-header,.main-nav{align-items:center;display:flex;gap:2rem}.main-nav{margin-left:auto;margin-right:auto}.main-nav .nav-link{align-items:center;background:linear-gradient(135deg,#c49a6c26,#0062331a 50%,#c49a6c26);background-clip:padding-box;border:2px solid #0000;border-radius:20px;box-shadow:0 4px 15px #c49a6c33,inset 0 1px 0 #ffffff1a;color:var(--text-main);display:flex;font-family:Reem Kufi,Cairo,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.1rem;transition:all .3s ease}.main-nav .nav-link:before{color:var(--moroccan-green);content:"✦";font-size:1.2rem;left:50%;position:absolute;text-shadow:0 0 10px #00623380;top:-8px;transform:translateX(-50%) scale(0);transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.main-nav .nav-link:after{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,var(--moroccan-green) 0,var(--moroccan-blue) 25%,var(--moroccan-red) 50%,#c19a6b 75%,var(--moroccan-green) 100%);background-size:300% 300%;border-radius:20px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .4s ease;z-index:-1}.main-nav .nav-link:hover{box-shadow:0 8px 25px #0062334d,0 4px 15px #c49a6c66,inset 0 2px 0 #fff3;color:#fff;text-shadow:0 2px 4px #0000004d;transform:translateY(-5px) scale(1.05)}.main-nav .nav-link:hover:before{color:#ffe600;text-shadow:0 0 15px #ffe600cc;transform:translateX(-50%) scale(1.2) rotate(180deg)}.main-nav .nav-link:hover:after{opacity:1}.main-nav .nav-link:hover .nav-icon{filter:drop-shadow(0 4px 8px rgba(255,230,0,.5));transform:scale(1.3) rotate(10deg)}.landing-header:before{background:linear-gradient(90deg,#0000,var(--moroccan-red),#0000);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.logo{border-radius:8px;height:50px;width:auto}.header-actions,.user-nav{align-items:center;display:flex;gap:1rem}.nav-link{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-main);cursor:pointer;display:flex;font-size:1rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background .2s}.nav-link:hover{background:var(--primary-blue);color:var(--white)}.nav-link.logout{color:#dc3545}.nav-link.logout:hover{background:#dc3545;color:#fff}.lang-btn,.theme-btn{background:#0000;border:1px solid var(--primary-blue);border-radius:6px;color:var(--primary-blue);cursor:pointer;font-weight:700;min-width:50px;padding:.5rem .75rem;transition:all .2s}.lang-btn:hover,.theme-btn:hover{background:var(--primary-blue);color:var(--white)}.landing-main{align-items:center;display:flex;flex:1 1;gap:4rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:4rem 2rem;width:100%}.hero-content{align-items:flex-start;display:flex;flex-direction:column;gap:1.2rem;margin-left:32px;margin-top:1.2rem;text-align:left}.hero-right-section{align-items:center;display:flex;flex:1 1 400px;flex-direction:column;gap:1.5rem;justify-content:center;margin-left:4rem;margin-top:3rem;max-width:500px;transform:translateX(50px) translateY(80px)}.hero-welcome-text{color:var(--moroccan-green);font-family:Amiri,serif;font-size:1.9rem;font-weight:600;line-height:1.3;margin:0;text-align:center}.hero-content h1{color:var(--primary-blue);display:inline-block;font-size:3.2rem;font-weight:800;line-height:1.2;margin:0 0 .8rem;position:relative;text-shadow:2px 2px 4px #0000001a}.hero-content h1:after{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,var(--moroccan-red),var(--moroccan-green),#c4966c);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:100%}@keyframes shimmer{0%,to{opacity:.6;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.05)}}.darija-subtitle{color:var(--moroccan-green);font-size:1.9rem;font-style:italic;font-weight:600;line-height:1.3;margin:.8rem 0 1.5rem;position:relative;text-shadow:1px 1px 2px #0000001a}.darija-subtitle:before{animation:twinkle 2s ease-in-out infinite;color:var(--moroccan-red);content:"✦";margin-right:8px}.darija-subtitle:after{animation:twinkle 2s ease-in-out infinite reverse;color:var(--moroccan-red);content:"✦";margin-left:8px}.hero-content p{color:var(--text-secondary);font-size:1.25rem;line-height:1.7;margin-bottom:2.5rem;max-width:500px}.hero-description{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#c49a6c14 50%,#fffffff2);border-left:5px solid var(--moroccan-green);border-radius:16px;box-shadow:0 8px 25px #00623326,0 4px 12px #c49a6c1f;color:var(--moroccan-blue);display:flex;flex-direction:row;font-weight:600;gap:2rem;margin:2.5rem 0 3.5rem;max-width:750px;padding:2rem 2.5rem;position:relative;text-shadow:0 2px 4px #0000001f;width:100%}.hero-description:before{animation:pulse-glow 3s ease-in-out infinite;background:#ffffffe6;border-radius:50%;color:var(--moroccan-red);content:"⟡";font-size:1.5rem;left:20px;padding:0 8px;position:absolute;top:-8px}@keyframes pulse-glow{0%,to{opacity:.7;text-shadow:0 0 8px #c1272d66;transform:scale(1) rotate(0deg)}50%{opacity:1;text-shadow:0 0 15px #c1272dcc;transform:scale(1.1) rotate(180deg)}}.hero-description div{flex-shrink:0;font-weight:600;margin-bottom:0;margin-right:1.5rem;padding:.3rem 0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap}.hero-description div:last-child{margin-right:0}.hero-description div:before{color:var(--moroccan-green);content:"◈";font-size:.9rem;left:-25px;opacity:0;position:absolute;transition:all .3s ease}.hero-description div:hover{color:var(--moroccan-green);text-shadow:0 2px 8px #0062334d;transform:translateX(8px)}.hero-description div:hover:before{left:-20px;opacity:1}.hero-description:hover{box-shadow:0 12px 35px #00623333,0 6px 16px #c49a6c2e;transform:translateY(-3px)}.hero-img{border-radius:20px;box-shadow:0 12px 24px #00000026;height:auto;max-width:280px;position:relative;width:100%;z-index:1}.hero-btns{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;width:100%}.primary-btn-wrapper{display:flex;justify-content:center;padding-left:0;width:100%}.secondary-btns-wrapper{display:flex;flex-wrap:nowrap;gap:1rem}.main-btn,.secondary-btns-wrapper{align-items:center;justify-content:center}.main-btn{background:var(--primary-yellow);border:none;border-radius:14px;box-shadow:0 6px 20px #4a6fa52e;color:var(--black);cursor:pointer;display:inline-flex;font-size:1.15rem;font-weight:700;min-width:220px;overflow:hidden;padding:1rem 2rem;position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:-webkit-fit-content;width:fit-content}.main-btn:hover{background:var(--primary-blue);box-shadow:0 8px 25px #4a6fa54d;color:var(--white);transform:translateY(-3px) scale(1.02)}.main-btn:active{box-shadow:0 2px 8px #4a6fa526;transform:translateY(0)}.main-btn.discord{background:linear-gradient(135deg,#5865f2,#4752c4);box-shadow:0 4px 15px #5865f24d;color:#fff}.main-btn.discord:hover{background:linear-gradient(135deg,#4752c4,#3c4baa);box-shadow:0 6px 20px #5865f266;transform:translateY(-3px)}.main-btn.addbot{background:linear-gradient(135deg,var(--moroccan-green) 0,#1b7e39 100%);box-shadow:0 4px 15px #00984f4d;color:#fff}.main-btn.addbot:hover{background:linear-gradient(135deg,#1b7e39,#0f5b2a);box-shadow:0 6px 20px #00984f66;transform:translateY(-3px)}.main-btn.support{background:linear-gradient(135deg,#ff8c00,#ff7800);box-shadow:0 4px 15px #ff8c004d;color:#fff}.main-btn.support:hover{background:linear-gradient(135deg,#ff7800,#e86800);box-shadow:0 6px 20px #ff8c0066;transform:translateY(-3px)}.main-btn.dashboard{background:linear-gradient(135deg,#6b46c1,#553c9a);box-shadow:0 4px 15px #6b46c14d;color:#fff}.main-btn.dashboard:hover{background:linear-gradient(135deg,#553c9a,#4c1d95);box-shadow:0 6px 20px #6b46c166;transform:translateY(-3px)}.main-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%;z-index:1}.main-btn:hover:before{left:100%}.features-section{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(5,1fr);margin:2.5rem auto 1.5rem;max-width:1400px;padding:0 2rem}.resources-section{margin:0 auto;max-width:1200px;width:100%}.resources-card{background:#ffffffd9;border:2px solid #30d5c8;border:2px solid var(--moroccan-turquoise,#30d5c8);border-radius:18px;box-shadow:0 6px 18px #0000000f;margin:1rem 2rem .5rem;padding:1rem 1.2rem 1.2rem}.resources-card h3{color:var(--moroccan-saffron);margin:0 0 .5rem}.resources-actions{display:flex;flex-wrap:wrap;gap:12px}.resource-btn{background:var(--moroccan-green);border-radius:10px;box-shadow:0 2px 8px #0062332e;color:#fff;font-weight:700;padding:10px 16px;text-decoration:none}.resource-btn:hover{background:var(--moroccan-saffron);color:var(--moroccan-green)}.landing-footer a{color:var(--primary-blue);font-weight:700;text-decoration:none}.landing-footer a:hover{text-decoration:underline}.feature-card{align-items:center;background:var(--white);border-left:3px solid var(--moroccan-red);border-radius:12px;box-shadow:0 3px 12px #4a6fa51f;color:var(--moroccan-green);cursor:pointer;font-size:1rem;font-weight:700;height:80px;justify-content:center;padding:1rem 1.5rem}.feature-card:before{background:linear-gradient(45deg,var(--moroccan-red),#e85d75);border-radius:0 12px 0 100%;height:30px;opacity:.1;width:30px}.feature-card:after{color:var(--moroccan-red);content:"✦";font-size:10px;opacity:.6;position:absolute;right:10px;top:6px}.feature-card:hover{background:linear-gradient(135deg,var(--white) 0,#c49a6c14 100%);border-left-color:var(--moroccan-green);box-shadow:0 8px 25px #4a6fa533;transform:translateY(-5px) scale(1.02)}.feature-card:hover:before{opacity:.2}.feature-card:hover:after{opacity:1;transform:scale(1.2)}[data-theme=dark] .feature-card{background:var(--gray-dark);color:var(--primary-yellow)}[data-theme=dark] .main-nav .nav-link{background:linear-gradient(135deg,#ffe6001f,#5b7dc714 50%,#ffe6001f);box-shadow:0 4px 15px #ffe60026,inset 0 1px 0 #ffffff0d;color:var(--text-main)}[data-theme=dark] .main-nav .nav-link:before{color:#ffe600;text-shadow:0 0 10px #ffe600cc}[data-theme=dark] .main-nav .nav-link:after{background:linear-gradient(45deg,#ffe600,#5b7dc7 25%,#e14b50 50%,#00a651 75%,#ffe600)}[data-theme=dark] .main-nav .nav-link:hover{box-shadow:0 8px 25px #ffe60066,0 4px 15px #5b7dc74d,inset 0 2px 0 #ffffff1a;color:#1a1d23;text-shadow:0 1px 2px #ffe60080}[data-theme=dark] .main-nav .nav-link:hover:before{color:#1a1d23;text-shadow:0 0 15px #ffe600}[data-theme=dark] .hero-welcome-text{color:#c49a6c}.landing-footer{background:#0000;border-top:1px solid #c49a6c33;color:var(--primary-blue);font-size:1rem;margin-top:auto;padding:1.2rem 0;position:relative;text-align:center}.landing-footer:before{background:linear-gradient(90deg,#0000,var(--moroccan-red),var(--moroccan-green),var(--moroccan-red),#0000);content:"";height:2px;top:0;width:120px}.landing-footer:after,.landing-footer:before{left:50%;position:absolute;transform:translateX(-50%)}.landing-footer:after{background:var(--bg-main);color:var(--moroccan-red);content:"❋ ❋ ❋";font-size:10px;opacity:.6;padding:0 15px;top:-12px}@media (min-width:1200px){.hero-description{border-left-width:6px;font-size:1.5rem;margin:3rem 0 4rem;max-width:850px;padding:2.2rem 2.5rem}.hero-description div{font-size:1.5rem;margin-right:2rem}.hero-description:before{font-size:1.8rem;left:25px;top:-10px}.hero-right-section{margin-left:5rem;margin-top:4rem;transform:translateX(70px) translateY(100px)}}@media (max-width:900px){.landing-main{flex-direction:column;gap:2rem;padding:2rem 1.5rem}.hero-right-section{margin-left:0;margin-top:0;order:-1;transform:translateX(0) translateY(0)}.hero-content,.hero-img-wrap{align-items:center;min-width:0;text-align:center;width:100%}.hero-content{align-items:center}.hero-content h1{font-size:2.5rem}.darija-subtitle{font-size:1.5rem}.hero-btns{flex-direction:column;justify-content:center;width:100%}.main-btn{max-width:300px;width:100%}.features-section{gap:1rem;grid-template-columns:repeat(3,1fr);margin:2rem 1rem 1rem}}@media (max-width:768px){.landing-header{flex-wrap:wrap;gap:1rem;padding:1rem}.main-nav{gap:1rem;justify-content:center;order:3;width:100%}.main-nav .nav-link{font-size:.9rem;padding:.4rem .8rem}.header-actions,.user-nav{flex-wrap:wrap;gap:.5rem}.hero-content h1{font-size:2rem}.hero-welcome-text{font-size:1.4rem}.hero-description{align-items:flex-start;background:linear-gradient(135deg,#fffffff2,#c49a6c0f 50%,#fffffffa);border-left-width:4px;flex-direction:column;font-size:1.1rem;margin:1.5rem 0 2.5rem;padding:1.2rem 1.5rem}.hero-description div{font-size:1.1rem;margin-bottom:.7rem;margin-right:0;white-space:normal}.hero-description:before{font-size:1.2rem;left:15px;top:-6px}.main-btn{font-size:1rem;padding:.75rem 1.5rem}}@media (max-width:480px){.landing-header{padding:.5rem}.main-nav{gap:.5rem}.main-nav .nav-link{font-size:.8rem;padding:.3rem .6rem}.landing-main{padding:1.5rem 1rem}.hero-content h1{font-size:1.8rem}.hero-welcome-text{font-size:1.2rem}.hero-description{align-items:flex-start;background:linear-gradient(135deg,#ffffffeb,#c49a6c0d 50%,#fffffff5);border-left-width:3px;flex-direction:column;font-size:1rem;margin:1rem 0 2rem;padding:1rem 1.2rem}.hero-description div{font-size:1rem;margin-bottom:.6rem;margin-right:0;white-space:normal}.hero-description:before{font-size:1rem;left:12px;top:-5px}.hero-btns{align-items:center;gap:1.2rem}.secondary-btns-wrapper{align-items:center;gap:.8rem;justify-content:center}.main-btn{min-width:140px;padding:.7rem 1.3rem}.features-section{gap:.8rem;grid-template-columns:repeat(2,1fr);margin:1.5rem .5rem 1rem}.feature-card{font-size:.9rem;height:70px;padding:.8rem 1.2rem}}.landing-root .main-btn.premium{background:linear-gradient(135deg,#ff4d4f,#d9363e)!important;box-shadow:0 4px 15px #d9363e4d!important;color:#fff!important}.landing-root .main-btn.premium:hover{background:linear-gradient(135deg,#d9363e,#b72a30)!important;box-shadow:0 6px 20px #d9363e66!important;transform:translateY(-3px)}.main-btn.premium{background:linear-gradient(135deg,#6c5ce7,#5b4bc4);box-shadow:0 4px 15px #6c5ce74d;color:#fff}.main-btn.premium:hover{background:linear-gradient(135deg,#5b4bc4,#4b3bb0);box-shadow:0 6px 20px #6c5ce766;transform:translateY(-3px)}.about-root{background:var(--bg-main);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='120' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m60 60 30-30v60L60 60zm0 0 30 30H30l30-30zm0 0L30 30v60l30-30zm0 0L30 90h60L60 60zM30 30l15-15 15 15-15 15-15-15zm60 0 15-15 15 15-15 15-15-15zm0 60 15-15 15 15-15 15-15-15zm-60 0 15-15 15 15-15 15-15-15z' fill='%23006233' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E"),radial-gradient(circle at 25% 25%,#c49a6c21 0,#0000 50%),radial-gradient(circle at 75% 75%,#00623317 0,#0000 50%);color:var(--text-main);font-family:Cairo,Reem Kufi,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.about-main-pro{animation:fadein-card 1.2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:2.5px solid var(--moroccan-saffron);border-radius:32px;box-shadow:0 8px 32px 0 var(--card-shadow),0 1.5px 0 0 var(--moroccan-saffron);margin-top:64px}@keyframes fadein-card{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.about-root:before{animation:twinkle-moroccan 18s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 100a50 50 0 1 1 100 0 50 50 0 1 1-100 0m50 0 25-43.3 25 43.3-25 43.3-25-43.3zm0 0 43.3-25v50L100 100zm0 0 25 43.3H75l25-43.3zm0 0-43.3 25V75l43.3 25z' fill='%23c19a6b' fill-opacity='.02'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.about-star{animation:float-moroccan 6s ease-in-out infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath fill='%23C1272D' d='m24 2 6.18 12.56L44 16.18l-10 9.74L36.36 44 24 36.56 11.64 44 14 25.92 4 16.18l13.82-1.62z'/%3E%3C/svg%3E") no-repeat 50%/contain;height:48px;opacity:.7;position:absolute;right:48px;top:32px;width:48px;z-index:10}.about-hero-img-pro img{box-shadow:0 0 0 6px var(--moroccan-saffron),0 2px 16px 0 var(--moroccan-blue)}.about-hero-img-pro img:hover{box-shadow:0 0 0 12px var(--moroccan-green),0 2px 24px 0 var(--moroccan-blue)}.about-main-pro h3{font-weight:700;letter-spacing:.5px;padding-left:18px;position:relative}.about-main-pro h3:before{animation:twinkle-moroccan 2.5s infinite;color:var(--moroccan-saffron);content:"✦";font-size:1.2em;left:0;position:absolute}@media (max-width:600px){.about-main-pro{border-radius:16px;padding:8vw 2vw}.about-hero-pro{align-items:flex-start;flex-direction:column;gap:10px}.about-hero-img-pro{min-height:120px;min-width:120px;padding:1rem}.about-hero-img-pro img{height:90px;width:90px}}.about-root.dark .about-main-pro,[data-theme=dark] .about-main-pro{background:#23272feb}.about-root.dark:before,[data-theme=dark] .about-root:before{opacity:.18}.about-navbar{align-items:center;background:var(--navbar-bg);border-bottom:2px solid var(--moroccan-saffron);box-shadow:0 2px 16px 0 #30d5c8,.08;box-shadow:0 2px 16px 0 var(--moroccan-turquoise,#30d5c8,.08);display:flex;justify-content:space-between;padding:.7rem 2.5vw;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.about-navbar-logo{background:var(--white);border-radius:12px;box-shadow:0 2px 8px 0 #30d5c8,.12;box-shadow:0 2px 8px 0 var(--moroccan-turquoise,#30d5c8,.12);height:38px;margin-right:10px;width:38px}.about-navbar-title{color:var(--moroccan-green);font-family:Reem Kufi,Cairo,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:1px}.about-navbar-link{align-items:center;background:#00623312;border:2px solid #0000;border-radius:16px;color:var(--moroccan-green);display:inline-flex;font-size:1.05em;font-weight:600;margin:0 .3rem;padding:.5rem 1.2rem;text-decoration:none;transition:background .2s,color .2s}.about-navbar-link.active,.about-navbar-link:hover{background:var(--moroccan-saffron);border-color:var(--moroccan-green);color:var(--moroccan-green)}.about-navbar-btn{background:none;border:2px solid var(--moroccan-green);border-radius:10px;color:var(--moroccan-green);cursor:pointer;font-size:1em;font-weight:700;margin-left:.5rem;padding:.4rem 1.1rem;transition:background .2s,color .2s}.about-navbar-btn:hover{background:var(--moroccan-green);color:#fff}.about-float-back,.about-navbar-center,.about-navbar-left,.about-navbar-right{align-items:center;display:flex}.about-float-back{background:var(--moroccan-green);border-radius:14px;box-shadow:0 4px 18px 0 #1d5b9c22;box-shadow:0 4px 18px 0 var(--moroccan-blue,#1d5b9c22);color:#fff;font-size:1.1em;font-weight:700;left:40px;padding:.7rem 1.5rem;position:fixed;text-decoration:none;top:24px;transition:background .2s,color .2s;z-index:200}.about-float-back:hover{background:var(--moroccan-saffron);color:var(--moroccan-green)}.about-main-pro{background:var(--card-bg);border-radius:24px;box-shadow:0 8px 32px 0 var(--card-shadow);margin:48px auto 0;max-width:1000px;padding:40px 32px 32px}.about-hero-pro{align-items:flex-start;display:flex;flex-wrap:wrap;gap:36px;margin-bottom:40px}.about-hero-img-pro{align-items:center;background:linear-gradient(135deg,var(--moroccan-green) 0,var(--moroccan-blue) 100%);border:2.5px solid var(--moroccan-saffron);border-radius:32px;box-shadow:0 8px 32px #0062332e,0 2px 24px 0 #1d5b9c22,0 0 0 8px #f4c430,.12;box-shadow:0 8px 32px #0062332e,0 2px 24px 0 var(--moroccan-blue,#1d5b9c22),0 0 0 8px var(--moroccan-saffron,#f4c430,.12);display:flex;flex:0 0 180px;justify-content:center;min-height:180px;min-width:180px;overflow:hidden;padding:2.2rem;position:relative;transition:box-shadow .3s}.about-hero-img-pro img{background:var(--white);border-radius:24px;box-shadow:0 2px 16px 0 var(--moroccan-blue),0 0 0 8px #30d5c8,.13;box-shadow:0 2px 16px 0 var(--moroccan-blue),0 0 0 8px var(--moroccan-turquoise,#30d5c8,.13);height:140px;transition:box-shadow .3s;width:140px}.about-hero-img-pro img:hover{box-shadow:0 0 0 16px var(--moroccan-green),0 2px 32px 0 var(--moroccan-blue)}.about-hero-card-pro{background:#30d5c82e;border:2px solid var(--moroccan-turquoise);border-radius:22px;box-shadow:0 4px 24px 0 #1d5b9c22,0 0 0 4px #f4c430,.09;box-shadow:0 4px 24px 0 var(--moroccan-blue,#1d5b9c22),0 0 0 4px var(--moroccan-saffron,#f4c430,.09);display:flex;flex:1 1;flex-direction:column;gap:.7rem;min-width:260px;padding:2.2rem 2.2rem 1.5rem;position:relative;z-index:2}.about-title-pro{border-bottom:2px solid var(--moroccan-red);color:var(--moroccan-green);font-family:Reem Kufi,Cairo,sans-serif;font-size:2.1rem;letter-spacing:.5px;margin-bottom:.5rem;padding-bottom:4px}.about-bot-overview{font-size:1.15rem;margin-bottom:.7rem}.about-bot-overview,.about-highlights-pro{color:var(--moroccan-blue);font-weight:500}.about-highlights-pro{font-size:1.08em;margin:10px 0 0;padding:0 0 0 18px}.about-highlights-pro li{list-style:disc;margin-bottom:4px}.about-dev-pro,.about-mission-pro,.about-resources-pro,.about-web-pro{background:#ffffffd1;border:.13 solid #30d5c8;border:2px solid var(--moroccan-turquoise,#30d5c8,.13);border-radius:18px;box-shadow:0 2px 12px 0 #1d5b9c22,0 0 0 2px #f4c430,.09;box-shadow:0 2px 12px 0 var(--moroccan-blue,#1d5b9c22),0 0 0 2px var(--moroccan-saffron,#f4c430,.09);margin-bottom:28px;padding:1.2rem 1.5rem 1.1rem;position:relative;transition:box-shadow .2s;z-index:1}.about-dev-pro:hover,.about-mission-pro:hover,.about-resources-pro:hover,.about-web-pro:hover{box-shadow:0 4px 24px 0 #006233,.13,0 0 0 4px #f4c430,.13;box-shadow:0 4px 24px 0 var(--moroccan-green,#006233,.13),0 0 0 4px var(--moroccan-saffron,#f4c430,.13)}.about-dev-pro h3,.about-mission-pro h3,.about-resources-pro h3,.about-web-pro h3{color:var(--moroccan-saffron);font-family:Reem Kufi,Cairo,sans-serif;font-size:1.18em;margin-bottom:4px}.about-dev-info-pro{background:#30d5c8;background:var(--moroccan-turquoise,#30d5c8);border-radius:8px;box-shadow:0 2px 8px 0 #1d5b9c22;box-shadow:0 2px 8px 0 var(--moroccan-blue,#1d5b9c22);color:var(--black);font-size:1em;margin-top:4px;padding:8px 12px;white-space:pre-line}.about-links-pro{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.about-link-pro{background:var(--moroccan-green);border-radius:8px;box-shadow:0 2px 8px 0 #1d5b9c22;box-shadow:0 2px 8px 0 var(--moroccan-blue,#1d5b9c22);color:#fff;font-size:1em;font-weight:600;padding:7px 18px;text-decoration:none;transition:background .2s}.about-link-pro:hover{background:var(--moroccan-saffron);color:var(--moroccan-green)}.about-footer-pro{color:var(--moroccan-blue);font-size:.98em;margin-top:18px;text-align:center}@media (max-width:900px){.about-main-pro{padding:18px 4vw}.about-hero-pro{align-items:flex-start;flex-direction:column;gap:18px}.about-hero-img-pro{margin-bottom:.5rem}}.about-root.dark,[data-theme=dark] .about-root{background:#181a20;color:#f5f6fa}.about-root.dark .about-main-pro,[data-theme=dark] .about-main-pro{background:#23272f;box-shadow:0 4px 32px 0 #11131a;color:#f5f6fa}.about-root.dark .about-navbar,[data-theme=dark] .about-navbar{background:#23272f;border-bottom:2px solid var(--moroccan-green)}.about-root.dark .about-navbar-link,[data-theme=dark] .about-navbar-link{background:#f4c43012;color:var(--moroccan-saffron)}[data-theme=dark] .about-navbar-link.active,[data-theme=dark] .about-navbar-link:hover{background:var(--moroccan-green);border-color:var(--moroccan-saffron);color:var(--moroccan-saffron)}.about-root.dark .about-navbar-btn,[data-theme=dark] .about-navbar-btn{border-color:var(--moroccan-saffron);color:var(--moroccan-saffron)}.about-root.dark .about-float-back,.about-root.dark .about-navbar-btn:hover,[data-theme=dark] .about-float-back,[data-theme=dark] .about-navbar-btn:hover{background:var(--moroccan-saffron);color:var(--moroccan-green)}.about-root.dark .about-float-back:hover,[data-theme=dark] .about-float-back:hover{background:var(--moroccan-green);color:#fff}.about-root.dark .about-hero-img-pro img,[data-theme=dark] .about-hero-img-pro img{background:#23272f}.about-root.dark .about-hero-card-pro,[data-theme=dark] .about-hero-card-pro{background:#23272f;color:var(--moroccan-saffron)}.about-root.dark .about-link-pro,[data-theme=dark] .about-link-pro{background:var(--moroccan-saffron);color:var(--moroccan-green)}.about-root.dark .about-link-pro:hover,[data-theme=dark] .about-link-pro:hover{background:var(--moroccan-green);color:#fff}.about-root.dark .about-dev-info-pro,[data-theme=dark] .about-dev-info-pro{background:#23272f;color:var(--moroccan-saffron)}.profile-hero-container{align-items:center;display:flex;justify-content:center;margin:2rem 0 3rem;perspective:1000px;position:relative}.profile-hero-image{animation:heroFloat 4s ease-in-out infinite,heroRotate 20s linear infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(45deg,var(--moroccan-green),var(--moroccan-blue),var(--moroccan-red),#d4af37) border-box;background-clip:initial;border:4px solid #0000;border-radius:50%;box-shadow:0 10px 30px #0062334d,0 0 50px #c49a6c33,inset 0 0 30px #ffffff1a;height:200px;object-fit:cover;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);width:200px;z-index:2}.profile-hero-image:hover{animation-play-state:paused;box-shadow:0 20px 50px #00623366,0 0 80px #c49a6c4d,inset 0 0 40px #fff3;transform:scale(1.1) rotateY(15deg)}.hero-glow-effect{animation:glowPulse 3s ease-in-out infinite alternate;background:radial-gradient(circle,#0062331a 0,#c49a6c0d 40%,#0000 70%);border-radius:50%;height:250px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:250px;z-index:1}.hero-glow-effect:before{animation:borderSpin 8s linear infinite;background:conic-gradient(from 0deg,var(--moroccan-green) 0deg,var(--moroccan-blue) 90deg,var(--moroccan-red) 180deg,#d4af37 270deg,var(--moroccan-green) 1turn);border-radius:50%;bottom:-10px;content:"";filter:blur(20px);left:-10px;opacity:.3;position:absolute;right:-10px;top:-10px}@keyframes borderSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.profile-section{margin:2rem 0}.achievements-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.achievement-card{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff40;border:1px solid #fff3;border-radius:16px;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.achievement-card:before{background:linear-gradient(90deg,var(--moroccan-green),var(--moroccan-blue),#c19a6b);content:"";height:3px;left:0;opacity:.6;position:absolute;right:0;top:0}.achievement-card.unlocked{border-color:#4caf5066;box-shadow:0 4px 20px #4caf501a}.achievement-card.unlocked:before{background:linear-gradient(90deg,#4caf50,#66bb6a)}.achievement-card.next{animation:pulse 2s infinite;border-color:#ffc10766;box-shadow:0 4px 20px #ffc1071a}.achievement-card.next:before{background:linear-gradient(90deg,#ffc107,#ffd54f)}.achievement-card.locked{border-color:#9e9e9e4d;opacity:.6}.achievement-card.locked:before{background:linear-gradient(90deg,#9e9e9e,#bdbdbd)}.achievement-icon{font-size:2.5rem;min-width:60px;text-align:center}.achievement-info{flex:1 1}.achievement-title{color:var(--moroccan-green);font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.achievement-desc{color:#666;font-size:.9rem;line-height:1.4;margin-bottom:.5rem}.achievement-progress{margin-top:.5rem}.progress-bar{background:#9e9e9e33;border-radius:10px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ffc107,#ff9800);border-radius:10px;height:100%;transition:width .3s ease}.achievement-progress span{color:#ffc107;font-size:.8rem;font-weight:600}.achievement-status{font-size:1.5rem;min-width:40px;text-align:center}.activity-overview{grid-gap:2rem;display:grid;grid-template-columns:2fr 1fr;margin-top:1.5rem}.chart-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;justify-content:space-around;padding:1rem}.activity-bar{background:linear-gradient(to top,var(--moroccan-green),var(--moroccan-blue));justify-content:space-between;width:60px}.activity-bar:hover{box-shadow:0 4px 15px #0062334d;transform:scale(1.05)}.bar-label{bottom:-25px;color:#666;font-size:.8rem;transform:rotate(-45deg);transform-origin:center;white-space:nowrap}.bar-value{color:var(--moroccan-green);font-size:.9rem}.activity-stats{flex-direction:column;gap:1.5rem}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a}.stat-icon{color:var(--moroccan-red)}.stat-value{font-size:1.8rem}.stat-label{color:#666}.games-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.5rem}.game-stat-card{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:1px solid #fff3;border-radius:14px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.game-stat-card:hover{border-color:#c49a6c66;box-shadow:0 8px 25px #00623326;transform:translateY(-3px)}.game-icon{font-size:2.5rem;min-width:60px;text-align:center}.game-info{flex:1 1}.game-name{color:var(--moroccan-blue);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.game-stats{display:flex;flex-direction:column;gap:.25rem}.game-stats span{color:#666;font-size:.9rem}.win-rate{color:var(--moroccan-green)!important;font-weight:600}.shop-overview{margin-top:1.5rem}.shop-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.shop-stat{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.shop-icon{color:#d4af37;font-size:2rem}.shop-value{color:var(--moroccan-green);font-size:1.5rem;font-weight:700}.shop-label{color:#666;font-size:.9rem}.recent-purchases h4{color:var(--moroccan-blue);font-size:1.1rem;margin-bottom:1rem}.purchase-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;overflow:hidden}.purchase-item{grid-gap:1rem;border-bottom:1px solid #ffffff1a;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr;padding:1rem;transition:background .2s ease}.purchase-item:last-child{border-bottom:none}.purchase-item:hover{background:#ffffff0d}.purchase-name{color:var(--moroccan-green);font-weight:600}.purchase-cost{color:#d4af37;font-weight:600}.purchase-date{color:#666;font-size:.9rem}.contributions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.contribution-card{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:1px solid #fff3;border-radius:14px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.contribution-card:hover{box-shadow:0 6px 20px #0062331a;transform:translateY(-2px)}.contribution-icon{font-size:2rem;min-width:50px;text-align:center}.contribution-info{flex:1 1}.contribution-title{color:var(--moroccan-blue);font-size:1rem;font-weight:600;margin-bottom:.5rem}.contribution-stats{display:flex;flex-direction:column;gap:.25rem}.contribution-stats span{color:#666;font-size:.9rem}.approval-rate{color:var(--moroccan-green)!important;font-weight:600}.social-activity{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-top:1.5rem}.activity-timeline{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border-radius:16px;padding:1.5rem}.timeline-item{border-bottom:1px solid #ffffff1a;display:flex;gap:1rem;padding:1rem 0;position:relative}.timeline-item:last-child{border-bottom:none}.timeline-item:before{background:linear-gradient(to bottom,var(--moroccan-green),#0000);content:"";height:calc(100% - 20px);left:20px;position:absolute;top:50px;width:2px}.timeline-item:last-child:before{display:none}.timeline-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;display:flex;font-size:1.5rem;height:40px;justify-content:center;min-width:40px}.timeline-content{flex:1 1}.timeline-title{color:var(--moroccan-green);font-weight:600;margin-bottom:.25rem}.timeline-time{color:#666;font-size:.8rem}.social-stats{display:flex;flex-direction:column;gap:1.5rem}.social-stat{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.social-icon{color:var(--moroccan-blue);font-size:2rem}.social-value{color:var(--moroccan-green);font-size:1.8rem;font-weight:700}.social-label{color:#666;font-size:.9rem}[data-theme=dark] .profile-hero-image{box-shadow:0 10px 30px #ffe6004d,0 0 50px #5b7dc733,inset 0 0 30px #ffffff0d}[data-theme=dark] .profile-hero-image:hover{box-shadow:0 20px 50px #ffe60066,0 0 80px #5b7dc74d,inset 0 0 40px #ffffff1a}[data-theme=dark] .hero-glow-effect{background:radial-gradient(circle,#ffe6001a 0,#5b7dc70d 40%,#0000 70%)}[data-theme=dark] .hero-glow-effect:before{background:conic-gradient(from 0deg,#ffe600 0deg,#5b7dc7 90deg,#d4313d 180deg,#c19a6b 270deg,#ffe600 1turn)}[data-theme=dark] .achievement-card,[data-theme=dark] .contribution-card,[data-theme=dark] .game-stat-card,[data-theme=dark] .shop-stat,[data-theme=dark] .social-stat{background:#23272f40;border-color:#ffffff1a}[data-theme=dark] .activity-timeline,[data-theme=dark] .chart-container,[data-theme=dark] .purchase-list,[data-theme=dark] .stat-item{background:#23272f33}[data-theme=dark] .achievement-title,[data-theme=dark] .shop-value,[data-theme=dark] .social-value,[data-theme=dark] .stat-value,[data-theme=dark] .timeline-title{color:var(--text-main)}[data-theme=dark] .contribution-title,[data-theme=dark] .game-name{color:var(--accent)}[data-theme=dark] .purchase-name{color:var(--text-main)}@media (max-width:768px){.activity-overview,.social-activity{gap:1rem;grid-template-columns:1fr}.achievements-grid,.contributions-grid,.games-stats-grid,.purchase-item,.shop-stats{grid-template-columns:1fr}.purchase-item{gap:.5rem;text-align:center}.chart-container{height:150px}.activity-bar{width:40px}.bar-label{font-size:.7rem}.profile-hero-image{height:150px;width:150px}.hero-glow-effect{height:180px;width:180px}.profile-hero-container{margin:1.5rem 0 2rem}}@media (max-width:480px){.profile-hero-image{animation:heroFloat 6s ease-in-out infinite;height:120px;width:120px}.hero-glow-effect{height:140px;width:140px}.profile-hero-container{margin:1rem 0 1.5rem}.profile-section{margin:1rem 0}.achievement-card,.contribution-card,.game-stat-card{padding:1rem}.achievement-icon,.game-icon{font-size:2rem;min-width:50px}.shop-stat,.social-stat{padding:1rem}}.activity-overview{display:flex;flex-direction:column;gap:2rem;padding:1rem}.activity-chart{align-items:center;display:flex;flex-direction:column}.chart-container{align-items:flex-end;background:linear-gradient(0deg,#c49a6c0d 0,#0000 50%);border-radius:12px;display:flex;gap:.5rem;height:200px;justify-content:space-between;max-width:700px;padding:0 1rem;position:relative;width:100%}.activity-bar{align-items:center;background:linear-gradient(135deg,var(--moroccan-green) 0,var(--moroccan-blue) 50%,var(--moroccan-red) 100%);border-radius:8px 8px 0 0;box-shadow:0 4px 15px #00623333,inset 0 1px 0 #fff3;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;min-height:20px;position:relative;transition:all .3s ease}.activity-bar:hover{box-shadow:0 8px 25px #0062334d,inset 0 1px 0 #ffffff4d;filter:brightness(1.1);transform:translateY(-5px)}.bar-label{bottom:-30px;font-size:.75rem;font-weight:600;opacity:.8;text-shadow:0 1px 2px #0000001a;width:100%}.bar-label,.bar-value{color:var(--text-main);position:absolute;text-align:center}.bar-value{background:#ffffffe6;border-radius:4px;box-shadow:0 2px 8px #0000001a;font-size:.875rem;font-weight:700;min-width:20px;padding:2px 6px;top:-25px}.activity-stats{background:#c49a6c0d;border:1px solid #c49a6c1a;border-radius:12px;gap:3rem;justify-content:center;margin-top:2rem;padding:1.5rem}.activity-stats,.stat-item{align-items:center;display:flex}.stat-item{background:#ffffff0d;border-radius:8px;gap:1rem;padding:1rem;transition:all .3s ease}.stat-item:hover{background:#ffffff1a;transform:translateY(-2px)}.stat-icon{color:var(--accent);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.5rem}.stat-value{color:var(--text-main);line-height:1;text-shadow:0 2px 4px #0000001a}.stat-label{font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.items-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.item-badge{align-items:center;background:linear-gradient(135deg,var(--moroccan-green),var(--moroccan-blue));border-radius:20px;box-shadow:0 2px 8px #00623333;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.item-badge:hover{box-shadow:0 4px 12px #0062334d;transform:translateY(-2px)}.item-icon{font-size:1rem}.item-name{white-space:nowrap}@media (max-width:768px){.activity-stats{flex-direction:column;gap:1rem}.chart-container{gap:.25rem;height:150px}.bar-label{bottom:-25px;font-size:.65rem}.bar-value{font-size:.75rem;top:-20px}.stat-value{font-size:1.5rem}}@media (max-width:480px){.activity-overview{padding:.5rem}.chart-container{height:120px;padding:0 .5rem}.activity-bar{min-height:15px}}:root{--moroccan-blue:#4a6fa5;--bg-main:#fff0!important;--text-main:#23272f!important;--card-bg:#fff0;--accent:#4a6fa5}[data-theme=dark]{--bg-main:#181a20!important;--text-main:#fff!important;--card-bg:#23272f!important;--card-shadow:#ffe60033!important;--accent:#00a651!important;--moroccan-green:#00a651!important;--moroccan-blue:#5b7dc7!important;--moroccan-red:#e14b50!important;--moroccan-dark-gold:#c19a6b!important;--moroccan-dark-teal:#006064!important}.dash-section,.dashboard-container,.dashboard-content,.dashboard-extra-content,.dashboard-main{background-color:#fff0!important;background-color:var(--bg-main)!important;box-sizing:border-box;color:#23272f!important;color:var(--text-main)!important}.dashboard-container *{box-sizing:border-box}.dashboard-container:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 100a50 50 0 1 1 100 0 50 50 0 1 1-100 0m50 0 25-43.3 25 43.3-25 43.3-25-43.3zm0 0 43.3-25v50L100 100zm0 0 25 43.3H75l25-43.3zm0 0-43.3 25V75l43.3 25z' fill='%23c19a6b' fill-opacity='.02'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}html{min-height:100vh}.dashboard-container,body{background-color:#fff0!important;background-color:var(--bg-main)!important;min-height:100vh}.dashboard-container{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='120' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m60 60 30-30v60L60 60zm0 0 30 30H30l30-30zm0 0L30 30v60l30-30zm0 0L30 90h60L60 60zM30 30l15-15 15 15-15 15-15-15zm60 0 15-15 15 15-15 15-15-15zm0 60 15-15 15 15-15 15-15-15zm-60 0 15-15 15 15-15 15-15-15z' fill='%23006233' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E"),radial-gradient(circle at 25% 25%,#c49a6c1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#00623314 0,#0000 50%)!important;color:#23272f!important;color:var(--text-main)!important}.dashboard-container,.dashboard-main{transition:background-color .3s ease,color .3s ease}.dashboard-main{background-color:#fff0!important;background-color:var(--bg-main)!important;min-height:100vh}.nav-minimal-actions{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:linear-gradient(135deg,#ffffffe6,#f5f6faf2)!important;background-image:repeating-linear-gradient(45deg,#c19a6b08,#c19a6b08 2px,#0000 0,#0000 4px),repeating-linear-gradient(-45deg,#00623305,#00623305 2px,#0000 0,#0000 4px)!important;border:2px solid #c49a6c4d!important;border-radius:16px!important;box-shadow:0 8px 25px #00623326,0 4px 12px #c49a6c1f,inset 0 1px 0 #fff3!important;gap:8px!important;padding:12px!important}.nav-minimal-actions:before{animation:moroccan-border-flow 6s ease-in-out infinite!important;background:linear-gradient(90deg,#c1272d,#006233,#c19a6b,#c1272d)!important;background:linear-gradient(90deg,var(--moroccan-red),var(--moroccan-green),#c19a6b,var(--moroccan-red))!important;background-size:300% 100%!important;border-radius:16px 16px 0 0!important;box-shadow:0 0 8px #c19a6b80!important;content:""!important;height:3px!important;left:0!important;position:absolute!important;right:0!important;top:0!important;z-index:10!important}.nav-minimal-actions:after{animation:twinkle 3s ease-in-out infinite!important;color:#c1272d!important;color:var(--moroccan-red)!important;content:"✦"!important;font-size:10px!important;left:10px!important;opacity:.7!important;position:absolute!important;top:8px!important}.nav-minimal-btn,.nav-minimal-link{align-items:center!important;animation:moroccan-pulse 3s ease-in-out infinite!important;animation-delay:0s!important;animation-delay:calc(var(--btn-index, 0)*.2s)!important;background:#ffffffb3!important;border:1px solid #0000!important;border-radius:10px!important;box-shadow:0 3px 8px #00000014!important;color:#666!important;cursor:pointer!important;display:flex!important;font-size:16px!important;font-weight:600!important;height:36px!important;justify-content:center!important;margin-top:4px!important;overflow:hidden!important;position:relative!important;text-decoration:none!important;transition:all .3s ease!important;width:40px!important}.nav-minimal-btn:before,.nav-minimal-link:before{background:linear-gradient(90deg,#0000,#ffffff80,#0000)!important;content:""!important;height:100%!important;left:-100%!important;position:absolute!important;top:0!important;transition:all .6s ease!important;width:100%!important}.nav-minimal-btn:after,.nav-minimal-link:after{background:linear-gradient(90deg,#0000,#006233,#c19a6b,#0000)!important;background:linear-gradient(90deg,#0000,var(--moroccan-green),#c19a6b,#0000)!important;background-size:200% 100%!important;bottom:0!important;content:""!important;height:2px!important;left:0!important;opacity:0!important;position:absolute!important;transition:opacity .3s ease!important;width:100%!important}.nav-minimal-btn:hover:before,.nav-minimal-link:hover:before{left:100%!important}.nav-minimal-btn:hover,.nav-minimal-link:hover{background-color:#fff3!important;border-color:#c49a6c66!important;box-shadow:0 4px 12px #c19a6b33!important;color:#000!important;transform:translateY(-2px)!important}.nav-minimal-btn:active,.nav-minimal-link:active{box-shadow:0 2px 8px #0000001a!important;transform:scale(.95)!important;transition:all .1s ease-in-out!important}.nav-minimal-btn:hover:after,.nav-minimal-link:hover:after{animation:moroccan-shimmer 2s infinite!important;opacity:1!important}.nav-minimal-link.active{animation:moroccan-active-glow 2s ease-in-out infinite!important;background-color:#c49a6c1a!important;border-bottom:2px solid #006233!important;box-shadow:0 0 15px #00623333!important;color:#006233!important;font-weight:700!important;transform:scale(1.12)!important}.nav-minimal-link.active:after{animation:moroccan-icon-spin 8s linear infinite,twinkle 2s ease-in-out infinite!important;color:#006233!important;color:var(--moroccan-green)!important;content:"✦"!important;font-size:10px!important;position:absolute!important;right:3px!important;text-shadow:0 0 5px #00623366!important;top:3px!important}.nav-minimal-btn.logout:hover{background:linear-gradient(135deg,#e74c3c33,#dc354526)!important;border-color:#e74c3c66!important;box-shadow:0 6px 16px #e74c3c33,0 3px 8px #e74c3c1a!important;color:#e74c3c!important}.modal-bg{align-items:center;background:#00000073;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-card{animation:modalAppear .3s cubic-bezier(.175,.885,.32,1.275);background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m40 40 20-20v40L40 40zm0 0 20 20H20l20-20zm0 0L20 20v40l20-20zm0 0L20 60h40L40 40zM20 20l10-10 10 10-10 10-10-10zm40 0 10-10 10 10-10 10-10-10zm0 40 10-10 10 10-10 10-10-10zm-40 0 10-10 10 10-10 10-10-10z' fill='%23006233' fill-opacity='.025'/%3E%3C/svg%3E"),radial-gradient(circle at 20% 20%,#c49a6c0d 0,#0000 50%);border:2px solid #c49a6c4d;border-radius:20px;box-shadow:0 16px 40px #00000026,inset 0 1px 0 #ffffff1a;color:#333;font-size:1.1rem;font-weight:500;max-width:95vw;min-width:380px;padding:2.5rem 2.5rem 2rem;position:relative;transition:transform .3s}.modal-card:before{animation:border-flow 6s ease-in-out infinite;background:linear-gradient(90deg,#c1272d,#006233,#c19a6b,#c1272d);background:linear-gradient(90deg,var(--moroccan-red),var(--moroccan-green),#c19a6b,var(--moroccan-red));border-radius:20px 20px 0 0;content:"";height:8px;left:0;position:absolute;right:0;top:0}.modal-card:after{animation:twinkle 2s ease-in-out infinite;color:#c1272d;color:var(--moroccan-red);content:"✦";font-size:12px;opacity:.6;position:absolute;right:20px;top:15px}@keyframes modalAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes twinkle{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}textarea{background:#f8f9fa;border:1px solid #0000001a;border-radius:12px;box-shadow:inset 0 1px 3px #0000000d;color:#333;font-family:Inter,Cairo,Arial,sans-serif;font-size:1rem;padding:1rem 1.2rem;resize:vertical;transition:all .3s ease}textarea:focus{border-color:#4a6fa5;box-shadow:0 0 0 3px #4a6fa533;outline:none}.dashboard-main{background:#fff0!important;background:var(--bg-main)!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='120' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m60 60 30-30v60L60 60zm0 0 30 30H30l30-30zm0 0L30 30v60l30-30zm0 0L30 90h60L60 60zM30 30l15-15 15 15-15 15-15-15zm60 0 15-15 15 15-15 15-15-15zm0 60 15-15 15 15-15 15-15-15zm-60 0 15-15 15 15-15 15-15-15z' fill='%23006233' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E"),radial-gradient(circle at 25% 25%,#c49a6c1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#00623314 0,#0000 50%)!important;color:#23272f!important;color:var(--text-main)!important;display:flex;flex-direction:column;position:relative;transition:background .3s,color .3s}.dashboard-main:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 100a50 50 0 1 1 100 0 50 50 0 1 1-100 0m50 0 25-43.3 25 43.3-25 43.3-25-43.3zm0 0 43.3-25v50L100 100zm0 0 25 43.3H75l25-43.3zm0 0-43.3 25V75l43.3 25z' fill='%23c19a6b' fill-opacity='.02'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}@keyframes border-flow{0%,to{opacity:.8}50%{opacity:1}}@keyframes moroccan-border-flow{0%{background-position:0 50%;opacity:.8}50%{background-position:100% 50%;opacity:1}to{background-position:0 50%;opacity:.8}}@keyframes moroccan-border-flow-dark{0%{background-position:0 50%;opacity:.7}50%{background-position:100% 50%;opacity:1}to{background-position:0 50%;opacity:.7}}@keyframes nav-entrance{0%{opacity:0;transform:translateY(-20px)}40%{opacity:.8;transform:translateY(8px)}70%{opacity:.9;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes moroccan-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes moroccan-shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes moroccan-active-glow{0%,to{box-shadow:0 0 15px #00623333}50%{box-shadow:0 0 20px #00623366}}@keyframes moroccan-active-glow-dark{0%{box-shadow:0 0 10px #d4af374d,0 0 15px #c19a6b33}50%{box-shadow:0 0 20px #d4af3780,0 0 25px #c19a6b4d}to{box-shadow:0 0 10px #d4af374d,0 0 15px #c19a6b33}}@keyframes moroccan-icon-spin{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}@keyframes moroccan-icon-spin-dark{0%{transform:translateX(-50%) rotate(0deg) scale(1)}50%{transform:translateX(-50%) rotate(180deg) scale(1.2)}to{transform:translateX(-50%) rotate(1turn) scale(1)}}@keyframes rotate-pattern{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[data-theme=dark] .dashboard-main{backdrop-filter:blur(4px) saturate(1.1);-webkit-backdrop-filter:blur(4px) saturate(1.1);background:#fff0;border:1.5px solid #23272f;box-shadow:0 8px 32px #c1272d1a;box-shadow:0 8px 32px var(--card-shadow)}h2{color:#c19a6b;display:inline-block;font-family:Cairo,Inter,Arial,sans-serif;font-size:2.2rem;margin-bottom:1.5rem;position:relative;text-shadow:1px 1px 2px #0000001a;z-index:2}h2:before{animation:twinkle-left 2.5s ease-in-out infinite;color:#c1272d;color:var(--moroccan-red);content:"✦";font-size:16px;left:-30px;position:absolute;top:50%;transform:translateY(-50%)}h2:after{animation:shimmer-title 3s ease-in-out infinite;background:linear-gradient(90deg,#c1272d,#006233,#c19a6b);background:linear-gradient(90deg,var(--moroccan-red),var(--moroccan-green),#c19a6b);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:100%}@keyframes twinkle-left{0%,to{opacity:.4;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.3)}}@keyframes shimmer-title{0%,to{opacity:.7;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.02)}}h3{color:#c19a6b;display:inline-block;font-family:Cairo,Inter,Arial,sans-serif;font-size:1.6rem;font-weight:700;margin-bottom:1rem;position:relative}h3:after{background:linear-gradient(90deg,#c19a6b,#d4af37);border-radius:2px;bottom:-5px;content:"";height:3px;left:0;opacity:.7;position:absolute;width:40px}.dash-username{color:#d4af37;font-weight:900;text-shadow:0 1px 2px #0000001a}.dash-stats{gap:2rem;margin:2.5rem 0 2rem}.dash-stat-card{background:linear-gradient(135deg,#006233,#4a6fa5 50%,#c19a6b);background:linear-gradient(135deg,var(--moroccan-green) 0,var(--moroccan-blue) 50%,#c19a6b 100%);font-size:1.2rem;min-width:120px;padding:1.5rem 2.5rem}.dash-stat-label{color:#ffffffe6;font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.dash-stat-value{color:#fff;font-size:2.5rem;font-weight:900;text-shadow:0 2px 4px #0000001a}.dash-server-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.dash-server-card{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff0;background-image:none;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 12px #00000008,inset 0 1px 0 #ffffff1a;color:#333;display:flex;font-size:1.1rem;font-weight:600;gap:1rem;overflow:hidden;padding:1.2rem 1.5rem;position:relative;transition:all .3s ease;width:100%}.dash-server-card:before{background:linear-gradient(180deg,#c1272d,#006233,#c19a6b);background:linear-gradient(to bottom,var(--moroccan-red),var(--moroccan-green),#c19a6b);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;width:6px}.dash-server-card:after{color:#c1272d;color:var(--moroccan-red);content:"◆";font-size:10px;opacity:.4;position:absolute;right:12px;top:8px;transition:all .3s ease}.dash-server-card:hover:before{opacity:1;width:8px}.dash-server-card:hover:after{opacity:.8;transform:scale(1.2) rotate(45deg)}.dash-server-card:hover{border-color:#c49a6c66;box-shadow:0 8px 20px #0062331a,inset 0 1px 0 #ffffff26;transform:translateY(-3px)}.dash-server-avatar{background:#eee;border-radius:12px;box-shadow:0 3px 8px #0000001a;flex-shrink:0;height:48px;object-fit:cover;width:48px}.dash-actions{align-items:stretch;display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.dash-action-btn{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#00623333;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 4px 12px #0062331a,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.5px;min-height:50px;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease;width:100%}.dash-action-btn:hover{background:linear-gradient(135deg,#c19a6b,#006233 50%,#4a6fa5);background:linear-gradient(135deg,#c19a6b 0,var(--moroccan-green) 50%,var(--moroccan-blue) 100%);border-color:#c49a6c80;box-shadow:0 6px 16px #0062334d,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.dash-action-btn:active{box-shadow:0 2px 8px #00623333,inset 0 1px 0 #ffffff1a;transform:translateY(1px)}.dash-action-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%;z-index:1}.dash-action-btn:hover:before{left:100%}.profile-item,.profile-stat-card-secondary,.profile-title{background:#fff0}.dashboard-nav-minimal{animation:nav-entrance 1s cubic-bezier(.26,.53,.74,1.48) forwards;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:linear-gradient(135deg,#fffffff2,#f8fafcf2)!important;box-shadow:0 2px 10px #0000001a!important;height:auto!important;left:0!important;pointer-events:auto!important;position:fixed!important;right:0!important;top:0!important;transition:transform .3s ease,opacity .4s ease,box-shadow .3s ease;width:100%!important;will-change:transform,opacity;z-index:1000!important}@keyframes navbar-float{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.dashboard-nav-minimal.nav-hidden{opacity:0;pointer-events:none;transform:translateY(-120px) scale(.95)}.nav-minimal-actions{align-items:center!important;display:flex!important;flex-direction:row!important;gap:20px!important;height:50px!important;justify-content:flex-end!important;overflow:hidden!important;padding:10px 20px!important;pointer-events:auto!important;position:relative!important;transition:transform .3s ease,box-shadow .3s ease}.dashboard-nav-minimal:hover .nav-minimal-actions{box-shadow:0 10px 30px #0000001a,0 6px 16px #00623314,inset 0 1px 0 #fff3!important;transform:translateY(2px)}.nav-minimal-actions:before{animation:border-flow 4s ease-in-out infinite;background:linear-gradient(90deg,#c1272d,#006233,#c19a6b,#c1272d);background:linear-gradient(90deg,var(--moroccan-red),var(--moroccan-green),#c19a6b,var(--moroccan-red));border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.nav-minimal-actions:after{animation:twinkle 3s ease-in-out infinite;color:#c1272d;color:var(--moroccan-red);content:"✦";font-size:8px;left:8px;opacity:.6;position:absolute;top:6px}.nav-minimal-btn,.nav-minimal-link{align-items:center;background:#fff9;background-color:initial;border:1px solid #0000;border-radius:8px;color:#555;cursor:pointer;display:flex;font-size:18px;font-weight:500;height:40px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:40px}.nav-minimal-btn:before,.nav-minimal-link:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s ease;width:100%}.nav-minimal-btn:hover:before,.nav-minimal-link:hover:before{left:100%}.nav-minimal-btn:hover,.nav-minimal-link:hover{background:linear-gradient(135deg,#c49a6c26,#0062331a);border-color:#c49a6c4d;box-shadow:0 4px 12px #00623326,0 2px 6px #c49a6c1a;color:#006233;color:var(--moroccan-green);transform:translateY(-2px) scale(1.05)}.nav-minimal-link.active{background:linear-gradient(135deg,#006233,#4a6fa5);background:linear-gradient(135deg,var(--moroccan-green),var(--moroccan-blue));border-color:#c49a6c66;box-shadow:0 4px 12px #00623340,inset 0 1px 0 #ffffff1a;color:#fff;transform:scale(1.1)}.nav-minimal-link.active:after{animation:twinkle 2s ease-in-out infinite;color:#ffffffb3;content:"◆";font-size:6px;position:absolute;right:2px;top:2px}.nav-minimal-btn.logout{background:#e74c3c0d;border-color:#e74c3c1a;color:#e74c3c}.nav-minimal-btn.logout:hover{background:linear-gradient(135deg,#e74c3c26,#dc35451a);border-color:#e74c3c4d;box-shadow:0 4px 12px #e74c3c26,0 2px 6px #e74c3c1a;color:#e74c3c}.dashboard-container{background:#fff0;background:var(--bg-main);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='120' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m60 60 30-30v60L60 60zm0 0 30 30H30l30-30zm0 0L30 30v60l30-30zm0 0L30 90h60L60 60zM30 30l15-15 15 15-15 15-15-15zm60 0 15-15 15 15-15 15-15-15zm0 60 15-15 15 15-15 15-15-15zm-60 0 15-15 15 15-15 15-15-15z' fill='%23006233' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E"),radial-gradient(circle at 25% 25%,#c49a6c1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#00623314 0,#0000 50%);color:#23272f;color:var(--text-main);display:flex;flex-direction:column;height:auto;min-height:100%;position:relative;transition:background .3s,color .3s}.dashboard-main{background:#fff0;background:var(--bg-main);color:#23272f;color:var(--text-main);flex:1 1;overflow-y:auto;padding:2rem}.dashboard-header{margin-bottom:1rem;text-align:center;width:100%}.hero-floating-container{align-items:center;display:flex;justify-content:center;margin:2rem 0;position:relative}.hero-image-floating{animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 15px 35px #0000001a,0 5px 15px #0062331a;height:100px;object-fit:contain;padding:8px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100px}.hero-image-floating:before{animation:rotate 8s linear infinite;background:linear-gradient(45deg,#006233,#4a6fa5,#c19a6b,#c1272d);background:linear-gradient(45deg,var(--moroccan-green),var(--moroccan-blue),#c19a6b,var(--moroccan-red));border-radius:50%;bottom:-5px;content:"";left:-5px;opacity:.6;position:absolute;right:-5px;top:-5px;z-index:-1}.hero-image-floating:hover{border-color:#c49a6c80;box-shadow:0 20px 50px #00000026,0 10px 25px #00623326;transform:scale(1.1) translateY(-5px)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px;margin-top:2rem;width:100%}.dash-section-servers{width:100%}.dash-section-actions{width:350px}.dash-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#fff0;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000014,0 2px 8px #0062330d;margin-top:0;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.dash-section:before{background:linear-gradient(90deg,#006233,#4a6fa5,#c19a6b);background:linear-gradient(90deg,var(--moroccan-green),var(--moroccan-blue),#c19a6b);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}.dash-section:hover{border-color:#fff9;box-shadow:0 12px 40px #00000026,0 4px 12px #0062331f;transform:translateY(-4px)}.dash-section h3{color:#c19a6b;font-size:1.4rem;font-weight:700;margin-bottom:1.2rem;padding-bottom:.5rem;position:relative}.dash-section h3:after{background:linear-gradient(90deg,#c19a6b,#d4af37);border-radius:2px;bottom:0;content:"";height:3px;left:0;opacity:.8;position:absolute;width:50px}.dash-stats{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:2rem 0 2.5rem}.dash-stat-card{background:#fff0;background-clip:padding-box;border:2px solid #c49a6c4d;border-radius:16px;box-shadow:0 8px 20px #00623340,inset 0 1px 0 #ffffff1a;color:#fff;flex:1 1;font-size:1.1rem;font-weight:700;max-width:180px;min-width:140px;overflow:hidden;padding:1.5rem 2rem;position:relative;text-align:center;transition:all .3s ease}.dash-stat-card:before{background:linear-gradient(45deg,#c1272d,#e85d75);background:linear-gradient(45deg,var(--moroccan-red),#e85d75);border-radius:0 16px 0 100%;content:"";height:50px;opacity:.15;position:absolute;right:0;top:0;transition:all .3s ease;width:50px}.dash-stat-card:after{color:#fff9;content:"✦";font-size:14px;position:absolute;right:15px;top:10px;transition:all .3s ease;z-index:1}.dash-stat-card:hover{border-color:#c49a6c80;box-shadow:0 12px 28px #00623359,inset 0 1px 0 #fff3;transform:translateY(-5px)}.dash-stat-card:hover:before{opacity:.25;transform:scale(1.1)}.dash-stat-card:hover:after{color:#fff;transform:scale(1.2) rotate(180deg)}.dark .dash-stat-card{background:#4a6fa5;background:var(--accent);color:#181a20}[data-theme=dark] .dash-section{background:#fff0;background:var(--card-bg)}[data-theme=dark] .dash-server-card{background:#1e2029b3;border:1px solid #4a6fa5;border:1px solid var(--accent)}[data-theme=dark] .dash-server-card:hover{background:#ffffff1a}[data-theme=dark] .dash-action-btn{background:#ffffff0d;border:1px solid #ffffff1a}[data-theme=dark] .dash-action-btn:hover{background:#4a6fa5;background:var(--accent)}[data-theme=dark] .activity-item,[data-theme=dark] .feature-card,[data-theme=dark] .status-item,[data-theme=dark] .support-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#23272fd9;border:1px solid #ffffff1a}[data-theme=dark] .feature-card:hover,[data-theme=dark] .support-btn:hover{background:#23272ff2;border-color:#4a6fa5;border-color:var(--accent);box-shadow:0 8px 25px #0000004d,0 4px 10px #ffe60033}[data-theme=dark] .nav-minimal-actions{background:#23272ff2!important;border:2px solid #ffffff1a!important;box-shadow:0 8px 32px #0000004d,0 4px 16px #ffe6001a,inset 0 1px 0 #ffffff1a!important}[data-theme=dark] .nav-minimal-actions:before{animation:moroccan-border-flow-dark 8s ease-in-out infinite!important;background:linear-gradient(90deg,#c1272d,#006233,var(--moroccan-dark-gold),#4a6fa5,#c1272d)!important;background:linear-gradient(90deg,var(--moroccan-red),var(--moroccan-green),var(--moroccan-dark-gold),var(--accent),var(--moroccan-red))!important;background-size:300% 100%!important;box-shadow:0 0 12px #d4af3799!important;height:4px!important;opacity:.9!important}[data-theme=dark] .nav-minimal-btn,[data-theme=dark] .nav-minimal-link{background:#1e2029b3!important;border:1px solid var(--moroccan-dark-gold)!important;box-shadow:0 3px 8px #0003!important}[data-theme=dark] .nav-minimal-btn:hover,[data-theme=dark] .nav-minimal-link:hover{background:#4a6fa5!important;background:var(--accent)!important;color:#181a20!important}.user-profile{margin-top:2rem;padding:1.5rem}.profile-stats{display:flex;flex-wrap:wrap;justify-content:space-between;margin:2rem 0}.profile-stat-card{background:linear-gradient(135deg,#c19a6b,#d4af37);background-clip:padding-box;border:2px solid #0000;border-radius:16px;box-shadow:0 8px 20px #c19a6b33;color:#fff;flex:1 1;font-weight:700;min-width:120px;min-width:150px;overflow:hidden;padding:1.2rem 2rem;position:relative;text-align:center;transition:all .3s ease}.profile-stat-card:before{background:radial-gradient(circle,#ffffff4d 0,#fff0 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:scale(.5);transition:transform .5s,opacity .5s;width:200%}.profile-stat-card:hover:before{opacity:1;transform:scale(1)}.profile-stat-label{font-size:.9rem;margin-bottom:.5rem;opacity:.9}.profile-stat-value{align-items:center;display:flex;font-size:1.4rem;justify-content:center}.profile-items-section,.profile-title-section,.profile-titles-section{margin:2rem 0}.current-title{align-items:center;background:#c19a6b1a;border-left:4px solid #d4af37;border-radius:12px;color:#333;display:flex;font-size:1.2rem;font-weight:700;margin-top:.5rem;padding:.8rem 1.5rem}.profile-stats-secondary{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:2rem 0}.profile-stat-card-secondary{background:#f8f9fa;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 12px #0000000d;color:#333;flex:1 1;min-width:150px;overflow:hidden;padding:1rem 1.5rem;position:relative;text-align:center;transition:all .3s ease}.profile-stat-card-secondary:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.profile-items-list,.profile-titles-list{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.profile-item,.profile-title{background:#f8f9fa;border:1px solid #0000001a;border-radius:8px;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.profile-item:hover,.profile-title:hover{background:#c19a6b1a;border-color:#c19a6b}.profile-error,.profile-loading{color:#666;font-size:1.1rem;padding:2rem;text-align:center}@media (max-width:1200px){.dash-section,.dashboard-container,.dashboard-content,.dashboard-extra-content,.dashboard-main{background-color:#f5f6fa00!important;box-sizing:border-box;color:#23272f!important;color:var(--text-main)!important}.dashboard-extra-content{grid-template-columns:repeat(8,1fr)}.dash-section-activity{grid-column:1/6}.dash-section-status{grid-column:6/9}.dash-section-features{grid-column:1/5}.dash-section-support{grid-column:5/9}}@media (max-width:1024px){.dashboard-main{padding:2rem 1.5rem}.dashboard-content{gap:1.5rem;grid-template-columns:1fr 300px}.dash-section-actions{width:300px}}@media (max-width:768px){.dashboard-main{padding:1rem}.dashboard-content{gap:1.5rem;grid-template-columns:1fr}.dash-section-actions,.dash-section-servers{width:100%}.dashboard-extra-content{grid-template-columns:1fr;grid-template-rows:auto}.dash-section-activity,.dash-section-features,.dash-section-status,.dash-section-support{grid-column:1;grid-row:auto}}.dashboard-extra-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;margin-top:2rem;width:100%}.dash-section-activity{grid-column:1;grid-row:1}.dash-section-status{grid-column:2;grid-row:1}.dash-section-features{grid-column:1;grid-row:2}.dash-section-support{grid-column:2;grid-row:2}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{align-items:flex-start;background:#fff9;border:1px solid #c49a6c1a;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.activity-item:hover{background:#fffc;box-shadow:0 4px 12px #0000001a;transform:translateX(5px)}.activity-icon{align-items:center;background:linear-gradient(135deg,#006233,#4a6fa5);background:linear-gradient(135deg,var(--moroccan-green),var(--moroccan-blue));border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1}.activity-title{color:#333;font-size:1rem;font-weight:600;margin-bottom:.3rem}.activity-desc{color:#666;font-size:.9rem;margin-bottom:.3rem}.activity-time{color:#999;font-size:.8rem;font-style:italic}.status-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.status-item{background:#fff9;border:1px solid #c49a6c1a;border-radius:12px;padding:1rem;position:relative;text-align:center;transition:all .3s ease}.status-item:hover{background:#fffc;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.status-label{color:#666;font-size:.8rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.status-value{color:#006233;color:var(--moroccan-green);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.status-indicator{border-radius:50%;height:8px;margin:0 auto;width:8px}.status-indicator.online{background:#10b981;box-shadow:0 0 8px #10b98180}.features-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffffa,#fffffff2);border:1px solid #fffc;box-shadow:0 8px 20px #0000000d;padding:2rem 1.5rem}.feature-card:before{background:linear-gradient(90deg,#0000,#0062334d,#0000);height:1px}.feature-card:hover{background:linear-gradient(135deg,#fff,#fffffffa);border-color:#00623333;box-shadow:0 12px 32px #00000026,0 4px 12px #0062331a;transform:translateY(-6px) scale(1.02)}.feature-title{color:#333;font-size:1.1rem;margin-bottom:.5rem}.feature-desc{color:#666;font-size:.9rem;line-height:1.4}.support-content{text-align:center}.support-content p{color:#666;line-height:1.5;margin-bottom:4.2rem}.support-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin:0 auto;max-width:280px;padding-bottom:1.5rem;width:100%}.support-btn{align-items:center;background:linear-gradient(135deg,#006233,#4a6fa5);background:linear-gradient(135deg,var(--moroccan-green),var(--moroccan-blue));border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.9rem 1.2rem;text-align:center;transition:all .3s ease}.support-btn:hover{box-shadow:0 4px 12px #0062334d;transform:translateY(-2px)}@media (max-width:768px){.dashboard-main{padding:1rem}.dash-stats{align-items:center;flex-direction:column;gap:1rem}.dash-stat-card{max-width:280px;width:100%}.dash-section{margin-top:1rem;padding:1.2rem}.dashboard-content{gap:1rem;grid-template-columns:1fr;margin-top:1rem}.dashboard-extra-content{gap:1rem;margin-top:1.5rem}.dashboard-extra-content,.features-grid,.status-grid{grid-template-columns:1fr}.support-actions{align-items:stretch}.support-btn{min-width:auto;width:100%}}[data-theme=dark] .dash-section{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#00a6511a;border:1px solid #4a6fa5;border:1px solid var(--accent);box-shadow:0 8px 32px #c1272d1a;box-shadow:0 8px 32px var(--card-shadow);color:#23272f;color:var(--text-main)}[data-theme=dark] .dash-server-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#00a6510d;border:1px solid #00a6514d;color:#23272f;color:var(--text-main)}[data-theme=dark] .dash-server-card:hover{background:#00a65126;border-color:#4a6fa5;border-color:var(--accent)}[data-theme=dark] .dash-action-btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffe60033;border:1px solid #ffffff26;color:#23272f;color:var(--text-main)}[data-theme=dark] .dash-action-btn:hover{background:#ffe60059;color:#181a20}[data-theme=dark] .activity-item,[data-theme=dark] .feature-card,[data-theme=dark] .status-item,[data-theme=dark] .support-btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#00a65114;border:1px solid #00a65133;color:#23272f;color:var(--text-main)}[data-theme=dark] .feature-card:hover{background:#00a65126;border-color:#4a6fa5;border-color:var(--accent)}[data-theme=dark] .support-btn{background:linear-gradient(135deg,#00a651,#5b7dc7);color:#fff}[data-theme=dark] .support-btn:hover{box-shadow:0 4px 12px #ffe6004d;transform:translateY(-2px)}[data-theme=dark] .dash-stat-card{background:#00a6511a;color:#23272f;color:var(--text-main)}[data-theme=dark] .nav-minimal-actions{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#00a65133,#00a6511a)!important;background-image:repeating-linear-gradient(45deg,#00a6510d,#00a6510d 2px,#0000 0,#0000 4px),repeating-linear-gradient(-45deg,#00a65108,#00a65108 2px,#0000 0,#0000 4px)!important;border:2px solid #4a6fa5!important;border:2px solid var(--accent)!important;box-shadow:0 8px 32px #0000004d,0 4px 16px #00a65126,inset 0 1px 0 #ffffff0d!important}[data-theme=dark] .nav-minimal-btn,[data-theme=dark] .nav-minimal-link{animation:moroccan-pulse 3s ease-in-out infinite!important;animation-delay:0s!important;animation-delay:calc(var(--btn-index, 0)*.2s)!important;background:#00a65133!important;border:1px solid #4a6fa5!important;border:1px solid var(--accent)!important;box-shadow:0 3px 8px #00a65133!important;color:#23272f!important;color:var(--text-main)!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important}[data-theme=dark] .nav-minimal-btn:hover,[data-theme=dark] .nav-minimal-link:hover{background:linear-gradient(135deg,#00a65166,#00a6514d)!important;border-color:#4a6fa5!important;border-color:var(--accent)!important;box-shadow:0 4px 12px #00a6514d!important;color:#23272f!important;color:var(--text-main)!important;text-shadow:0 0 5px #00a65180!important;transform:translateY(-3px)!important}[data-theme=dark] .nav-minimal-btn:hover:after,[data-theme=dark] .nav-minimal-link:hover:after{animation:moroccan-shimmer 2s linear infinite!important;background:linear-gradient(90deg,#0000,#4a6fa5,#0000)!important;background:linear-gradient(90deg,#0000,var(--accent),#0000)!important;background-size:200% 100%!important;border-radius:2px!important;bottom:-3px!important;content:""!important;height:2px!important;left:10%!important;position:absolute!important;width:80%!important}[data-theme=dark] .nav-minimal-link.active{animation:moroccan-active-glow-dark 3s ease-in-out infinite!important;background:linear-gradient(135deg,var(--moroccan-dark-gold),#4a6fa5)!important;background:linear-gradient(135deg,var(--moroccan-dark-gold),var(--accent))!important;border-color:#4a6fa5!important;border-color:var(--accent)!important;box-shadow:0 0 15px #d4af374d!important;color:#1e2029!important;text-shadow:0 0 2px #1e202980!important}[data-theme=dark] .nav-minimal-link.active:after{animation:moroccan-icon-spin-dark 8s linear infinite!important;bottom:-12px!important;color:#4a6fa5!important;color:var(--accent)!important;content:"✧"!important;font-size:12px!important;left:50%!important;position:absolute!important;text-shadow:0 0 8px #d4af37b3!important;transform:translateX(-50%)!important}[data-theme=dark] .nav-minimal-btn.logout:hover{background:linear-gradient(135deg,#e14b504d,#e74c3c4d)!important;border-color:#c1272d!important;border-color:var(--moroccan-red)!important;box-shadow:0 4px 12px #e14b5033!important;color:#c1272d!important;color:var(--moroccan-red)!important}[data-theme=dark] .nav-minimal-btn:active,[data-theme=dark] .nav-minimal-link:active{border-color:var(--moroccan-dark-gold)!important;box-shadow:0 2px 8px #0000004d!important;transform:scale(.95) translateY(0)!important;transition:all .1s ease-out!important}[data-theme=dark] .hero-image-floating{background:#23272f33;border:3px solid #ffffff26;box-shadow:0 15px 35px #0000004d,0 5px 15px #ffe6001a}[data-theme=dark] .hero-image-floating:before{background:linear-gradient(45deg,#00a651,#5b7dc7,#ffe600,#e14b50);opacity:.8}[data-theme=dark] .hero-image-floating:hover{border-color:#4a6fa5;border-color:var(--accent);box-shadow:0 20px 50px #0006,0 10px 25px #ffe60033}@media (max-width:768px){.hero-floating-container{margin:1.5rem 0}.hero-image-floating{height:80px;width:80px}}[data-theme=dark] .current-title{background:#ffe6001a;color:#fff}.shop-container{background:linear-gradient(135deg,gold,#ff8c00 25%,#c1272d 50%,#8b4513 75%,#006233);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem;position:relative}.shop-container:before{animation:moroccan-shop-pattern 25s linear infinite;background-image:radial-gradient(circle at 25% 25%,#ffd7001a 2px,#0000 0),radial-gradient(circle at 75% 75%,#c1272d1a 2px,#0000 0),radial-gradient(circle at 25% 75%,#0062331a 1px,#0000 0),radial-gradient(circle at 75% 25%,#ff8c001a 1px,#0000 0),repeating-linear-gradient(45deg,#0000,#0000 30px,#ffd70008 0,#ffd70008 32px);background-size:80px 80px,100px 100px,60px 60px,70px 70px,120px 120px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.shop-container>*{position:relative;z-index:1}[data-theme=dark] .shop-container{background:linear-gradient(135deg,#8b4513,#c1272d 25%,#1a1a2e 50%,#006233 75%,gold)}@keyframes moroccan-shop-pattern{0%{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:80px 80px,-100px -100px,60px 60px,-70px -70px,120px 120px}}.shop-header{animation:fadeInDown .8s ease-out;margin-bottom:4rem;text-align:center}.shop-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#5865f2,#7289da);background:linear-gradient(45deg,var(--primary-color),#7289da);-webkit-background-clip:text;background-clip:text;color:#2e3338;color:var(--text-primary);font-size:3rem;font-weight:800;margin-bottom:1.5rem;text-shadow:0 4px 20px #0000001a}.shop-description{color:#747f8d;color:var(--text-secondary);font-size:1.3rem;font-weight:500;line-height:1.6;margin:0 auto;max-width:700px}.shop-grid{grid-gap:2.5rem;animation:fadeInUp .8s ease-out .2s both;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:4rem}.shop-item{background:#f8f8fff2;border:4px solid gold;border-radius:25px;box-shadow:0 12px 35px #c1272d33,0 6px 20px #ffd70026,inset 0 1px 0 #fffc;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.shop-item:before{background:linear-gradient(45deg,gold,#c1272d,#006233,#ff8c00);border-radius:27px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.shop-item:after{animation:moroccan-vase-sway 4s ease-in-out infinite;content:"🏺";font-size:1.5rem;opacity:.7;position:absolute;right:20px;top:15px}.shop-item:hover:before{animation:moroccan-border-pulse 2s ease-in-out infinite;opacity:1}.shop-item:hover{animation:moroccan-item-glow 2s ease-in-out infinite;border-color:#c1272d;box-shadow:0 25px 50px #c1272d4d,0 12px 30px #ffd70040,inset 0 1px 0 #fff;transform:translateY(-10px) scale(1.03)}[data-theme=dark] .shop-item{background:#1a1a2ef2;border:4px solid #ff8c00;color:#fff8dc}@keyframes moroccan-vase-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes moroccan-border-pulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes moroccan-item-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.shop-item-image{border-radius:8px;height:200px;margin-bottom:1rem;object-fit:cover;width:100%}.shop-item-title{color:#2e3338;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.shop-item-description{color:#747f8d;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.shop-item-price{color:#5865f2;color:var(--primary-color);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.shop-item-button{background:linear-gradient(45deg,#5865f2,#7289da);background:linear-gradient(45deg,var(--primary-color),#7289da);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:1rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.shop-item-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.shop-item-button:hover:before{left:100%}.shop-item-button:hover{box-shadow:0 10px 25px #5865f266;transform:translateY(-2px)}.shop-item-button:active{transform:translateY(0)}.shop-item-button:disabled{background:#747f8d;background:var(--disabled-color);box-shadow:none;cursor:not-allowed;transform:none}.shop-item-button:disabled:before{display:none}.checkout-container{margin:0 auto;max-width:800px;padding:2rem}.checkout-form{background:#ffffffe6;background:var(--card-background);border-radius:12px;margin-bottom:2rem;padding:2rem}.form-group{margin-bottom:1.5rem}.form-input,.form-label{color:#2e3338;color:var(--text-primary)}.form-input{background:var(--input-background);border:1px solid #e3e5e8;border:1px solid var(--border-color);border-radius:6px;padding:.75rem}.form-input:focus{border-color:#5865f2;border-color:var(--primary-color);box-shadow:0 0 0 3px #5865f21a;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.checkout-summary{background:#ffffffe6;background:var(--card-background);border:1px solid #e3e5e8;border:1px solid var(--border-color);border-radius:12px;padding:2rem}.summary-item{border-bottom:1px solid #e3e5e8;border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:1rem}.summary-item,.summary-total{display:flex;justify-content:space-between}.summary-total{border-top:2px solid #e3e5e8;border-top:2px solid var(--border-color);color:#2e3338;color:var(--text-primary);font-size:1.2rem;font-weight:700;margin-top:1rem;padding-top:1rem}.payment-button{background:#57f287;background:var(--success-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:2rem;padding:1rem 2rem;transition:background-color .3s ease;width:100%}.payment-button:hover{background:#3ba55c;background:var(--success-color-dark)}.user-profile-container{margin:0 auto;max-width:1000px;padding:2rem}.profile-header{align-items:center;background:#ffffffe6;background:var(--card-background);border-radius:12px;display:flex;gap:2rem;margin-bottom:3rem;padding:2rem}.profile-avatar{border-radius:50%;height:100px;object-fit:cover;width:100px}.profile-info h2{color:#2e3338;color:var(--text-primary);margin:0 0 .5rem}.profile-info p{color:#747f8d;color:var(--text-secondary);margin:0}.profile-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.stat-card{background:#ffffffe6;background:var(--card-background);border:1px solid #e3e5e8;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.stat-value{color:#5865f2;color:var(--primary-color);font-size:2rem;font-weight:700}.stat-label{color:#747f8d;font-size:.9rem}@media (max-width:768px){.checkout-container,.shop-container,.user-profile-container{padding:1rem}.shop-grid{grid-template-columns:1fr}.profile-header{flex-direction:column;text-align:center}.profile-stats{grid-template-columns:1fr}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}[dir=rtl] .shop-item-description,[dir=rtl] .shop-item-title{text-align:right}[dir=rtl] .profile-header,[dir=rtl] .summary-item{flex-direction:row-reverse}.shop-item-price{display:inline-block;position:relative}.shop-item-price:after{background:linear-gradient(45deg,#5865f2,#7289da);background:linear-gradient(45deg,var(--primary-color),#7289da);bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}.shop-item:hover .shop-item-price:after{transform:scaleX(1)}:root{--primary-color:#5865f2;--primary-color-dark:#4752c4;--primary-color-rgb:88,101,242;--success-color:#57f287;--success-color-dark:#3ba55c;--disabled-color:#747f8d;--text-primary:#2e3338;--text-secondary:#747f8d;--card-background:#ffffffe6;--input-background:#fff;--border-color:#e3e5e8}[data-theme=dark]{--text-primary:#dbdee1;--text-secondary:#b9bbbe;--card-background:#2f3136e6;--input-background:#40444b;--border-color:#40444b}.commands-nav{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #c49a6c33;box-shadow:0 2px 20px #0000001a;display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1000}[data-theme=dark] .commands-nav{background:#1a1d23f2;border-bottom-color:#ffe60033}.commands-page{background:var(--bg-main);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='120' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m60 60 30-30v60L60 60zm0 0 30 30H30l30-30zm0 0L30 30v60l30-30zm0 0L30 90h60L60 60zM30 30l15-15 15 15-15 15-15-15zm60 0 15-15 15 15-15 15-15-15zm0 60 15-15 15 15-15 15-15-15zm-60 0 15-15 15 15-15 15-15-15z' fill='%23006233' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E"),radial-gradient(circle at 25% 25%,#c49a6c14 0,#0000 50%),radial-gradient(circle at 75% 75%,#0062330f 0,#0000 50%);color:var(--text-main);min-height:100vh;padding:6rem 2rem 2rem;position:relative}.commands-page:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 100a50 50 0 1 1 100 0 50 50 0 1 1-100 0m50 0 25-43.3 25 43.3-25 43.3-25-43.3zm0 0 43.3-25v50L100 100zm0 0 25 43.3H75l25-43.3zm0 0-43.3 25V75l43.3 25z' fill='%23c19a6b' fill-opacity='.015'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.commands-header{align-items:flex-end;display:flex;gap:2rem;justify-content:space-between;margin:0 auto 2rem;max-width:1400px;position:relative}.commands-hero-section{margin:2rem auto 3rem}.commands-hero-container,.commands-hero-section{display:flex;justify-content:center;position:relative}.commands-hero-container{align-items:center}.commands-hero-image{animation:heroFloat 6s ease-in-out infinite,heroSpin 8s linear infinite;background:linear-gradient(45deg,var(--moroccan-green),var(--moroccan-blue),var(--moroccan-red),#c19a6b);background-clip:padding-box;border:4px solid #0000;border-radius:50%;box-shadow:0 8px 32px #0062334d,0 4px 16px #c49a6c33,inset 0 2px 8px #ffffff1a;filter:drop-shadow(0 0 20px rgba(0,98,51,.4));height:120px;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1);width:120px}.commands-hero-image:hover{box-shadow:0 12px 48px #00623366,0 6px 24px #c49a6c4d,inset 0 3px 12px #ffffff26;filter:drop-shadow(0 0 30px rgba(0,98,51,.6));transform:scale(1.1) rotate(5deg)}.hero-glow-ring{animation:ringPulse 4s ease-in-out infinite,ringSpin 10s linear infinite;background:conic-gradient(from 0deg,var(--moroccan-green) 0deg,var(--moroccan-blue) 90deg,var(--moroccan-red) 180deg,#c19a6b 270deg,var(--moroccan-green) 1turn);border-radius:50%;height:140px;opacity:.6;width:140px;z-index:-1}.hero-glow-ring,.hero-sparkles{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.hero-sparkles{height:200px;pointer-events:none;width:200px}.sparkle{animation:sparkleFloat 3s ease-in-out infinite;font-size:1.2rem;position:absolute;text-shadow:0 0 10px #006233cc}.sparkle,.sparkle-1{color:var(--moroccan-green)}.sparkle-1{animation-delay:0s;left:20%;top:10%}.sparkle-2{animation-delay:.5s;color:var(--moroccan-blue);right:15%;top:20%}.sparkle-3{animation-delay:1s;bottom:15%;color:var(--moroccan-red);left:15%}.sparkle-4{animation-delay:1.5s;bottom:20%;color:#c19a6b;right:20%}@keyframes heroSpin{0%{filter:hue-rotate(0deg) drop-shadow(0 0 20px rgba(0,98,51,.4))}25%{filter:hue-rotate(90deg) drop-shadow(0 0 20px rgba(91,125,199,.4))}50%{filter:hue-rotate(180deg) drop-shadow(0 0 20px rgba(225,75,80,.4))}75%{filter:hue-rotate(270deg) drop-shadow(0 0 20px rgba(193,154,107,.4))}to{filter:hue-rotate(1turn) drop-shadow(0 0 20px rgba(0,98,51,.4))}}@keyframes ringPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}@keyframes ringSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes sparkleFloat{0%,to{opacity:.7;transform:translateY(0) scale(1) rotate(0deg)}50%{opacity:1;transform:translateY(-15px) scale(1.2) rotate(180deg)}}.commands-title-section{flex:1 1}.commands-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--moroccan-green),var(--moroccan-blue),var(--moroccan-red));-webkit-background-clip:text;background-clip:text;font-family:Reem Kufi,Cairo,sans-serif;font-size:3rem;font-weight:700;margin-bottom:.5rem;position:relative}.commands-title:after{animation:sparkle 2s ease-in-out infinite;content:"⚡";font-size:2rem;position:absolute;right:-3rem;text-shadow:0 0 15px #ffe60099;top:0}.commands-title:before{animation:wave 3s ease-in-out infinite;content:"🇲🇦";font-size:2rem;left:-3rem;position:absolute;top:0}@keyframes sparkle{0%,to{filter:hue-rotate(0deg);opacity:.7;transform:scale(1) rotate(0deg)}50%{filter:hue-rotate(180deg);opacity:1;transform:scale(1.2) rotate(180deg)}}@keyframes wave{0%,to{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.1) rotate(5deg)}}.commands-subtitle{color:var(--text-main);font-size:1.1rem;font-style:italic;opacity:.8}.commands-search{flex-shrink:0;max-width:350px;position:relative}.search-icon{color:var(--moroccan-green);left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.search-input{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:2px solid #c49a6c4d;border-radius:25px;box-shadow:0 4px 15px #c49a6c1a,inset 0 1px 0 #ffffff1a;color:var(--text-main);font-size:1rem;padding:.8rem 1rem .8rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.search-input:focus{border-color:var(--moroccan-green);box-shadow:0 6px 20px #00623333,0 0 0 3px #0062331a,inset 0 1px 0 #fff3;outline:none;transform:translateY(-2px)}.search-input::placeholder{color:var(--text-main);opacity:.6}.commands-content{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:320px 1fr;margin:0 auto;max-width:1400px}.categories-sidebar{display:flex;flex-direction:column;gap:1rem;position:-webkit-sticky;position:sticky;top:2rem}.category-btn{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:2px solid #c49a6c33;border-radius:16px;box-shadow:0 4px 15px #0000001a;color:var(--text-main);cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1.2rem;position:relative;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1)}.category-btn:before{background:linear-gradient(135deg,#006233,#0000);background:linear-gradient(135deg,var(--category-color,#006233),#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.category-btn:hover:before{opacity:.1}.category-btn.active{background:#ffffff1f;border-color:var(--category-color,var(--moroccan-green));box-shadow:0 8px 25px #00623333,0 0 0 1px var(--moroccan-green);box-shadow:0 8px 25px #00623333,0 0 0 1px var(--category-color,var(--moroccan-green));transform:translateX(8px)}.category-btn.active:before{opacity:.15}.category-btn:hover{border-color:var(--category-color,var(--moroccan-green));box-shadow:0 6px 20px #00623326;transform:translateX(5px)}.category-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2rem;min-width:2.5rem;text-align:center}.category-text{flex:1 1}.category-title{font-family:Reem Kufi,Cairo,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:.3rem}.category-desc{font-size:.9rem;line-height:1.3;opacity:.7}.commands-list{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #c49a6c33;border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #ffffff1a;padding:2rem}.commands-category-header{align-items:center;border-bottom:2px solid #c49a6c33;display:flex;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:1.5rem;position:relative}.commands-category-header:after{background:linear-gradient(90deg,var(--moroccan-green),var(--moroccan-blue));bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.category-icon-large{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:3rem}.category-name{color:var(--text-main);font-family:Reem Kufi,Cairo,sans-serif;font-size:2rem;font-weight:700;margin-bottom:.5rem}.category-description{color:var(--text-main);font-size:1.1rem;opacity:.8}.commands-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.command-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #c49a6c4d;border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.command-card:before{background:linear-gradient(180deg,var(--moroccan-green),var(--moroccan-blue));content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.command-card:hover{border-color:var(--moroccan-green);box-shadow:0 8px 25px #00623326,0 4px 15px #c49a6c1a;transform:translateY(-3px)}.command-card:hover:before{transform:scaleY(1)}.command-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.command-code{background:#00623326;border:1px solid #0062334d;border-radius:8px;color:var(--moroccan-green);flex:1 1;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;padding:.5rem .8rem;word-break:break-all}.copy-btn{align-items:center;background:#c49a6c33;border:1px solid #c49a6c66;border-radius:6px;color:var(--text-main);cursor:pointer;display:flex;height:2.5rem;justify-content:center;min-width:2.5rem;padding:.5rem;transition:all .2s ease}.copy-btn:hover{background:#c49a6c4d;border-color:#c49a6c99;transform:scale(1.05)}.command-description{color:var(--text-main);font-size:.95rem;line-height:1.5;opacity:.9}.no-results{color:var(--text-main);opacity:.6;padding:3rem 2rem;text-align:center}.no-results-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}[data-theme=dark] .commands-page{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='120' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m60 60 30-30v60L60 60zm0 0 30 30H30l30-30zm0 0L30 30v60l30-30zm0 0L30 90h60L60 60zM30 30l15-15 15 15-15 15-15-15zm60 0 15-15 15 15-15 15-15-15zm0 60 15-15 15 15-15 15-15-15zm-60 0 15-15 15 15-15 15-15-15z' fill='%23FFE600' fill-opacity='.02' fill-rule='evenodd'/%3E%3C/svg%3E"),radial-gradient(circle at 25% 25%,#ffe6000d 0,#0000 50%),radial-gradient(circle at 75% 75%,#5b7dc70a 0,#0000 50%)}[data-theme=dark] .commands-page:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 100a50 50 0 1 1 100 0 50 50 0 1 1-100 0m50 0 25-43.3 25 43.3-25 43.3-25-43.3zm0 0 43.3-25v50L100 100zm0 0 25 43.3H75l25-43.3zm0 0-43.3 25V75l43.3 25z' fill='%23FFE600' fill-opacity='.01'/%3E%3C/svg%3E")}[data-theme=dark] .search-input{background:#ffe60014;border-color:#ffe6004d}[data-theme=dark] .search-input:focus{border-color:#ffe600;box-shadow:0 6px 20px #ffe60033,0 0 0 3px #ffe6001a}[data-theme=dark] .category-btn{background:#ffe6000d;border-color:#ffe60033}[data-theme=dark] .category-btn.active{background:#ffe6001a;border-color:#ffe600;border-color:var(--category-color,#ffe600);box-shadow:0 8px 25px #ffe60033,0 0 0 1px #ffe600;box-shadow:0 8px 25px #ffe60033,0 0 0 1px var(--category-color,#ffe600)}[data-theme=dark] .commands-list{background:#ffe60008;border-color:#ffe60033}[data-theme=dark] .command-card{background:#ffe6000d;border-color:#ffe60033}[data-theme=dark] .command-card:hover{border-color:#ffe600;box-shadow:0 8px 25px #ffe60026,0 4px 15px #5b7dc71a}[data-theme=dark] .command-code{color:#ffe600}[data-theme=dark] .command-code,[data-theme=dark] .copy-btn{background:#ffe6001a;border-color:#ffe6004d}[data-theme=dark] .copy-btn:hover{background:#ffe60033;border-color:#ffe60080}[data-theme=dark] .commands-hero-image{background:linear-gradient(45deg,#ffe600,#5b7dc7,#e14b50,#00a651);box-shadow:0 8px 32px #ffe6004d,0 4px 16px #5b7dc733,inset 0 2px 8px #ffffff1a;filter:drop-shadow(0 0 20px rgba(255,230,0,.4))}[data-theme=dark] .commands-hero-image:hover{box-shadow:0 12px 48px #ffe60066,0 6px 24px #5b7dc74d,inset 0 3px 12px #ffffff26;filter:drop-shadow(0 0 30px rgba(255,230,0,.6))}[data-theme=dark] .hero-glow-ring{background:conic-gradient(from 0deg,#ffe600 0deg,#5b7dc7 90deg,#e14b50 180deg,#00a651 270deg,#ffe600 1turn)}[data-theme=dark] .sparkle-1{color:#ffe600;text-shadow:0 0 10px #ffe600cc}[data-theme=dark] .sparkle-2{color:#5b7dc7;text-shadow:0 0 10px #5b7dc7cc}[data-theme=dark] .sparkle-3{color:#e14b50;text-shadow:0 0 10px #e14b50cc}[data-theme=dark] .sparkle-4{color:#00a651;text-shadow:0 0 10px #00a651cc}@media (max-width:1200px){.commands-content{gap:2rem;grid-template-columns:280px 1fr}.commands-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:900px){.commands-page{padding:1rem}.commands-header{align-items:stretch;flex-direction:column;gap:1.5rem}.search-input{max-width:none}.commands-content{gap:2rem;grid-template-columns:1fr}.categories-sidebar{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));position:static}.commands-grid{grid-template-columns:1fr}}@media (max-width:600px){.commands-title{font-size:2.2rem}.commands-title:after{font-size:1.5rem;right:-2rem}.commands-title:before{font-size:1.5rem;left:-2rem}.commands-hero-image{height:80px;width:80px}.hero-glow-ring{height:100px;width:100px}.hero-sparkles{height:140px;width:140px}.sparkle{font-size:1rem}.category-btn{padding:1rem}.category-icon{font-size:1.5rem;min-width:2rem}.commands-list{padding:1.5rem}.command-card{padding:1.2rem}.command-header{flex-direction:column;gap:.8rem}.copy-btn{align-self:flex-end}}.server-page{background:var(--bg-main);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m50 50 25-25v50L50 50zm0 0 25 25H25l25-25zm0 0L25 25v50l25-25zm0 0L25 75h50L50 50z' fill='%23006233' fill-opacity='.02'/%3E%3C/svg%3E"),radial-gradient(circle at 20% 30%,#c49a6c0d 0,#0000 60%),radial-gradient(circle at 80% 70%,#0062330a 0,#0000 60%);color:var(--text-main);min-height:100vh;padding:6rem 0 2rem;position:relative}.server-page:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='150' height='150' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M37.5 75a37.5 37.5 0 1 1 75 0 37.5 37.5 0 1 1-75 0M75 75l18.75-32.475L112.5 75l-18.75 32.475L75 75z' fill='%23c19a6b' fill-opacity='.01'/%3E%3C/svg%3E");bottom:0;content:"";pointer-events:none;z-index:-1}.server-nav,.server-page:before{left:0;position:fixed;right:0;top:0}.server-nav{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #c49a6c33;box-shadow:0 2px 20px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem;z-index:1000}.nav-home-btn{background:linear-gradient(135deg,var(--moroccan-green),var(--moroccan-blue));border:none;border-radius:12px;box-shadow:0 4px 15px #0062334d;cursor:pointer;padding:.6rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-home-btn:hover{box-shadow:0 6px 20px #00623366}.nav-controls{gap:.8rem}.nav-control-btn{background:#c49a6c1a;border:1px solid #c49a6c4d;border-radius:10px;color:var(--text-main);font-weight:500;gap:.4rem;padding:.6rem 1rem}.nav-control-btn:hover{background:#c49a6c33;border-color:#c49a6c80}.server-hero{margin:0 auto;max-width:1400px;padding:3rem 2rem;position:relative}.server-hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 400px}.hero-text{max-width:600px}.server-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--moroccan-green),var(--moroccan-blue),var(--moroccan-red));-webkit-background-clip:text;background-clip:text;font-family:Reem Kufi,Cairo,sans-serif;font-size:3.5rem;font-weight:800;margin-bottom:1rem;position:relative}.server-title:after{animation:bounce 2s ease-in-out infinite;content:"🖥️";font-size:2.5rem;position:absolute;right:-4rem;top:0}@keyframes bounce{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(5deg)}}.server-subtitle{color:var(--text-main);font-size:1.3rem;line-height:1.6;margin-bottom:2.5rem;opacity:.8}.invite-bot-btn{align-items:center;background:linear-gradient(135deg,var(--moroccan-green),var(--moroccan-blue));border:none;border-radius:16px;box-shadow:0 6px 20px #0062334d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.8rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.invite-bot-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.invite-bot-btn:hover:before{left:100%}.invite-bot-btn:hover{box-shadow:0 8px 25px #00623366;transform:translateY(-3px)}.invite-bot-btn.invited{background:linear-gradient(135deg,#2ecc71,#27ae60);cursor:not-allowed}.heart-icon{animation:heartbeat 1.5s ease-in-out infinite;color:#e74c3c}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.hero-image-container{align-items:center;display:flex;justify-content:center}.server-hero-image{animation:heroRotate 10s linear infinite,heroFloat 4s ease-in-out infinite;background:linear-gradient(45deg,var(--moroccan-green),var(--moroccan-blue),var(--moroccan-red),#c19a6b);background-clip:padding-box;border:6px solid #0000;border-radius:50%;box-shadow:0 15px 50px #0062334d,0 8px 25px #c49a6c33,inset 0 4px 15px #ffffff1a;filter:drop-shadow(0 0 30px rgba(0,98,51,.4));height:250px;object-fit:cover;width:250px}.hero-orbit-ring{animation:orbitSpin 15s linear infinite;background:conic-gradient(from 0deg,var(--moroccan-green) 0deg,var(--moroccan-blue) 90deg,var(--moroccan-red) 180deg,#c19a6b 270deg,var(--moroccan-green) 1turn);background-clip:initial;border:3px solid #0000;border-radius:50%;height:300px;opacity:.4;width:300px;z-index:-1}.hero-orbit-ring,.hero-particles{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.hero-particles{height:350px;pointer-events:none;width:350px}.particle{animation:particleOrbit 8s linear infinite;font-size:1.5rem;position:absolute}.particle-1{animation-delay:0s;left:50%;top:0;transform:translateX(-50%)}.particle-2{animation-delay:2s;right:0;top:50%;transform:translateY(-50%)}.particle-3{animation-delay:4s;bottom:0;left:50%;transform:translateX(-50%)}.particle-4{animation-delay:6s;left:0;top:50%;transform:translateY(-50%)}@keyframes heroRotate{0%{filter:hue-rotate(0deg) drop-shadow(0 0 30px rgba(0,98,51,.4))}25%{filter:hue-rotate(90deg) drop-shadow(0 0 30px rgba(91,125,199,.4))}50%{filter:hue-rotate(180deg) drop-shadow(0 0 30px rgba(225,75,80,.4))}75%{filter:hue-rotate(270deg) drop-shadow(0 0 30px rgba(193,154,107,.4))}to{filter:hue-rotate(1turn) drop-shadow(0 0 30px rgba(0,98,51,.4))}}@keyframes orbitSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes particleOrbit{0%{transform:rotate(0deg) translateX(175px) rotate(0deg)}to{transform:rotate(1turn) translateX(175px) rotate(-1turn)}}section{margin:0 auto;max-width:1400px;padding:4rem 2rem}.section-header{margin-bottom:3rem}.section-title{color:var(--text-main);position:relative}.section-title:after{background:linear-gradient(90deg,var(--moroccan-green),var(--moroccan-blue));border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.section-subtitle{color:var(--text-main);font-size:1.2rem;opacity:.7}.features-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #c49a6c4d;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:before{background:var(--moroccan-green);background:var(--feature-color,var(--moroccan-green));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{border-color:var(--feature-color,var(--moroccan-green));box-shadow:0 15px 40px #00623333;transform:translateY(-8px)}.feature-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:3rem;margin-bottom:1.5rem}.feature-title{color:var(--text-main);font-family:Reem Kufi,Cairo,sans-serif;font-size:1.4rem;font-weight:600;margin-bottom:1rem}.feature-description{color:var(--text-main);line-height:1.6;opacity:.8}.setup-steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.setup-step{background:#ffffff0d;border:2px solid #c49a6c33;border-radius:20px;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .3s ease}.setup-step:hover{border-color:var(--moroccan-green);box-shadow:0 10px 30px #00623326;transform:translateY(-5px)}.step-number{align-items:center;background:linear-gradient(135deg,var(--moroccan-green),var(--moroccan-blue));border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:40px}.step-icon{font-size:2.5rem;margin:1rem 0}.step-title{color:var(--text-main);font-family:Reem Kufi,Cairo,sans-serif;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.step-description{color:var(--text-main);line-height:1.5;opacity:.8}.stats-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{background:#ffffff14;border:1px solid #c49a6c4d;overflow:hidden;position:relative}.stat-card:before{background:linear-gradient(135deg,var(--moroccan-green),#0000);background:linear-gradient(135deg,var(--stat-color,var(--moroccan-green)),#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:.1}.stat-card:hover{border-color:var(--stat-color,var(--moroccan-green));box-shadow:0 10px 30px #00623326}.stat-icon{font-size:2.5rem}.stat-value{color:var(--stat-color,var(--moroccan-green));font-family:Reem Kufi,Cairo,sans-serif}.stat-label{color:var(--text-main);font-weight:500;opacity:.8}.benefits-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.benefit-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #c49a6c33;border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.benefit-card:hover{border-color:var(--moroccan-green);box-shadow:0 10px 30px #0062331a;transform:translateY(-5px)}.benefit-icon{font-size:2.5rem;margin-bottom:1.5rem}.benefit-title{color:var(--text-main);font-family:Reem Kufi,Cairo,sans-serif;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.benefit-description{color:var(--text-main);line-height:1.6;opacity:.8}[data-theme=dark] .server-page{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m50 50 25-25v50L50 50zm0 0 25 25H25l25-25zm0 0L25 25v50l25-25zm0 0L25 75h50L50 50z' fill='%23FFE600' fill-opacity='.015'/%3E%3C/svg%3E"),radial-gradient(circle at 20% 30%,#ffe60008 0,#0000 60%),radial-gradient(circle at 80% 70%,#5b7dc705 0,#0000 60%)}[data-theme=dark] .server-page:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='150' height='150' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M37.5 75a37.5 37.5 0 1 1 75 0 37.5 37.5 0 1 1-75 0M75 75l18.75-32.475L112.5 75l-18.75 32.475L75 75z' fill='%23FFE600' fill-opacity='.008'/%3E%3C/svg%3E")}[data-theme=dark] .server-nav{background:#1a1d23f2;border-bottom-color:#ffe60033}[data-theme=dark] .nav-control-btn{background:#ffe6001a;border-color:#ffe6004d}[data-theme=dark] .nav-control-btn:hover{background:#ffe60033;border-color:#ffe60080}[data-theme=dark] .server-hero-image{background:linear-gradient(45deg,#ffe600,#5b7dc7,#e14b50,#00a651);box-shadow:0 15px 50px #ffe6004d,0 8px 25px #5b7dc733,inset 0 4px 15px #ffffff1a;filter:drop-shadow(0 0 30px rgba(255,230,0,.4))}[data-theme=dark] .hero-orbit-ring{background:conic-gradient(from 0deg,#ffe600 0deg,#5b7dc7 90deg,#e14b50 180deg,#00a651 270deg,#ffe600 1turn)}[data-theme=dark] .benefit-card,[data-theme=dark] .feature-card,[data-theme=dark] .setup-step,[data-theme=dark] .stat-card{background:#ffe6000d;border-color:#ffe60033}[data-theme=dark] .benefit-card:hover,[data-theme=dark] .feature-card:hover,[data-theme=dark] .setup-step:hover,[data-theme=dark] .stat-card:hover{border-color:#ffe600;box-shadow:0 15px 40px #ffe60033}@media (max-width:1200px){.server-hero-content{gap:3rem;grid-template-columns:1fr 300px}.server-hero-image{height:200px;width:200px}.hero-orbit-ring{height:240px;width:240px}.hero-particles{height:280px;width:280px}}@media (max-width:900px){.server-page{padding:5rem 0 2rem}.server-hero{padding:2rem 1rem}.server-hero-content{gap:2rem;grid-template-columns:1fr;text-align:center}.server-title{font-size:2.8rem}.server-title:after{display:block;margin-top:1rem;position:static}.server-hero-image{height:180px;width:180px}.hero-orbit-ring{height:220px;width:220px}.hero-particles{height:260px;width:260px}section{padding:3rem 1rem}.benefits-grid,.features-grid,.setup-steps,.stats-grid{gap:1.5rem;grid-template-columns:1fr}}@media (max-width:600px){.server-nav{padding:.8rem 1rem}.server-title{font-size:2.2rem}.server-subtitle{font-size:1.1rem}.invite-bot-btn{font-size:1rem;padding:.8rem 1.5rem}.server-hero-image{height:150px;width:150px}.hero-orbit-ring{height:180px;width:180px}.hero-particles{height:200px;width:200px}.particle{font-size:1.2rem}.section-title{font-size:2rem}.benefit-card,.feature-card,.setup-step,.stat-card{padding:1.5rem}}.presentation-page{background:var(--bg-main);color:var(--text-main);font-family:Cairo,Reem Kufi,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.presentation-page:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 100a50 50 0 1 1 100 0 50 50 0 1 1-100 0m50 0 25-43.3 25 43.3-25 43.3-25-43.3zm0 0 43.3-25v50L100 100zm0 0 25 43.3H75l25-43.3zm0 0-43.3 25V75l43.3 25z' fill='%23006233' fill-opacity='.02'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.presentation-nav{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #c49a6c33;display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1000}.presentation-hero{background:linear-gradient(135deg,#c49a6c1a,#00623314 50%,#1d5b9c1a);padding:120px 2rem 80px;position:relative;text-align:center}.hero-content{max-width:1200px}.hero-title{background:linear-gradient(135deg,var(--moroccan-green),var(--moroccan-blue));font-family:Reem Kufi,Cairo,sans-serif;font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero-description{font-size:1.4rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px}.hero-image{animation:heroFloat 6s ease-in-out infinite;background:linear-gradient(45deg,var(--moroccan-green),var(--moroccan-blue),var(--moroccan-red));background-clip:padding-box;border:4px solid #0000;border-radius:50%;filter:drop-shadow(0 10px 30px rgba(0,98,51,.3))}.hero-glow{animation:glowPulse 4s ease-in-out infinite;background:radial-gradient(circle,#c49a6c4d 0,#0000 70%);border-radius:50%;bottom:-20px;left:-20px;right:-20px;top:-20px}@keyframes heroFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(180deg)}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.section-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border-bottom:1px solid #c49a6c33;border-top:1px solid #c49a6c33;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:2rem}.tab-btn{align-items:center;background:#0000;border:2px solid #c49a6c4d;border-radius:25px;color:var(--text-main);cursor:pointer;display:flex;font-weight:600;gap:.5rem;overflow:hidden;padding:.8rem 1.5rem;position:relative;transition:all .3s ease}.tab-btn:before{background:linear-gradient(90deg,#0000,#c49a6c33,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tab-btn:hover:before{left:100%}.tab-btn:hover{border-color:var(--moroccan-green);box-shadow:0 4px 15px #00623333;color:var(--moroccan-green);transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,var(--moroccan-green),var(--moroccan-blue));border-color:#0000;box-shadow:0 4px 20px #0062334d;color:#fff}.presentation-content{margin:0 auto;max-width:1400px;padding:4rem 2rem}.content-section{animation:fadeInUp .6s ease-out}.section-title{color:var(--moroccan-blue);font-family:Reem Kufi,Cairo,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.section-description,.section-subtitle{color:var(--text-secondary);font-size:1.2rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.overview-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.overview-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#c49a6c0d);border:2px solid #c49a6c33;border-radius:20px;box-shadow:0 8px 25px #0062331a;padding:2.5rem;text-align:center;transition:all .3s ease}.overview-card:hover{border-color:var(--moroccan-green);box-shadow:0 15px 40px #00623333;transform:translateY(-8px)}.overview-card .card-icon{animation:float 3s ease-in-out infinite;color:var(--moroccan-green);font-size:3rem;margin-bottom:1.5rem}.overview-card h3{color:var(--moroccan-blue);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.overview-card p{color:var(--text-secondary);line-height:1.6}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.features-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px}@media (max-width:900px){.features-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}.feature-card{background:linear-gradient(135deg,#fffffff2,#0062330d);border-left:5px solid var(--moroccan-green);box-shadow:0 5px 20px #0062331a;display:flex;flex-direction:column;height:auto;justify-content:space-between;min-height:280px;padding:1.5rem;transition:all .3s ease}.feature-card:hover{border-left-color:var(--moroccan-red);box-shadow:0 10px 30px #00623333;transform:translateY(-5px)}.feature-icon{color:var(--moroccan-green);display:block;font-size:2.5rem}.feature-card h3,.feature-icon{margin-bottom:1rem;text-align:center}.feature-card h3{color:var(--moroccan-blue);flex-shrink:0;font-size:1.2rem;font-weight:700;line-height:1.3}.feature-card p{color:var(--text-secondary);flex:1 1;font-size:.95rem;line-height:1.5;text-align:left}.levels-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.level-category{background:linear-gradient(135deg,#ffffffe6,#1d5b9c14);border:2px solid #1d5b9c33;border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.level-category:hover{border-color:var(--moroccan-blue);box-shadow:0 10px 25px #1d5b9c33;transform:translateY(-5px)}.category-header{flex-direction:column;margin-bottom:1rem}.category-icon{font-size:2.5rem}.category-icon,.level-category h3{color:var(--moroccan-blue);margin-bottom:1rem}.level-category h3{font-size:1.3rem;font-weight:700}.level-category p{color:var(--text-secondary);font-family:Reem Kufi,sans-serif;font-weight:600}.auto-react-section{border-top:2px solid #c49a6c4d;margin-top:4rem;padding-top:3rem}.auto-react-title{color:var(--moroccan-green);font-family:Reem Kufi,Cairo,sans-serif;font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:center}.auto-react-description{color:var(--text-secondary);font-size:1.1rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.emoji-levels-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.emoji-level-card{background:linear-gradient(135deg,#fffffff2,#0062330d);border:2px solid #00623333;border-radius:16px;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.emoji-level-card:before{background:linear-gradient(90deg,#0000,#0062331a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.emoji-level-card:hover:before{left:100%}.emoji-level-card:hover{border-color:var(--moroccan-green);box-shadow:0 8px 25px #00623333;transform:translateY(-5px)}.emoji-level-header{margin-bottom:1rem}.emoji-level-range{background:var(--moroccan-green);border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:700;margin-bottom:1rem;padding:.3rem .8rem}.emoji-display{animation:emojiFloat 3s ease-in-out infinite;font-size:2rem;letter-spacing:.5rem;line-height:1.2;margin:1rem 0}.emoji-description{color:var(--text-secondary);font-size:.95rem;font-weight:600;margin-top:1rem}@keyframes emojiFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.questions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.question-card{background:linear-gradient(135deg,#ffffffe6,#c1272d0d);border:2px solid #c1272d33;border-radius:12px;padding:1.5rem;transition:all .3s ease}.question-card:hover{border-color:var(--moroccan-red);box-shadow:0 8px 20px #c1272d33;transform:translateY(-3px)}.question-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.question-icon{align-items:center;background:var(--moroccan-red);border-radius:10px;color:#fff;display:flex;font-size:1.8rem;height:50px;justify-content:center;width:50px}.question-info h3{color:var(--moroccan-blue);font-size:1.2rem;font-weight:700;margin-bottom:.3rem}.question-points{background:var(--moroccan-green);border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;padding:.2rem .5rem}.question-card p{color:var(--text-secondary);line-height:1.5}.shop-categories{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.shop-category{background:linear-gradient(135deg,#ffffffe6,#c49a6c14);border:2px solid #c49a6c4d;border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.shop-category:hover{border-color:var(--moroccan-green);box-shadow:0 10px 25px #c49a6c33;transform:translateY(-5px)}.shop-category .category-icon{color:var(--moroccan-green);font-size:2.5rem;margin-bottom:1rem}.shop-category h3{color:var(--moroccan-blue);font-size:1.3rem;font-weight:700}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:4rem}.stat-card{background:linear-gradient(135deg,#ffffffe6,#00623314);border:2px solid #00623333;border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:var(--moroccan-green);box-shadow:0 10px 25px #00623333;transform:translateY(-5px)}.stat-icon{font-size:2rem;margin-bottom:1rem}.stat-value{color:var(--moroccan-green);font-family:Reem Kufi,sans-serif;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:1rem;font-weight:600}.special-features{margin-top:4rem}.special-title{color:var(--moroccan-blue);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.special-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.special-card{background:linear-gradient(135deg,#ffffffe6,#1d5b9c0d);border-left:4px solid var(--moroccan-blue);border-radius:16px;padding:2rem;transition:all .3s ease}.special-card:hover{border-left-color:var(--moroccan-red);box-shadow:0 8px 20px #1d5b9c26;transform:translateY(-3px)}.special-card h4{color:var(--moroccan-blue);font-size:1.3rem;font-weight:700;margin-bottom:1rem}.special-card p{color:var(--text-secondary);line-height:1.6}.cta-section{background:linear-gradient(135deg,var(--moroccan-green) 0,var(--moroccan-blue) 100%);color:#fff;margin:4rem 0 0;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.cta-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 50a25 25 0 1 1 50 0 25 25 0 1 1-50 0m25 0 12.5-21.65L75 50 62.5 71.65 50 50z' fill='%23fff' fill-opacity='.05'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.cta-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;position:relative;z-index:1}.cta-description{font-size:1.3rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9;position:relative;z-index:1}.cta-buttons{flex-wrap:wrap;gap:1.5rem;position:relative;z-index:1}.cta-btn,.cta-buttons{display:flex;justify-content:center}.cta-btn{align-items:center;border-radius:12px;font-size:1.1rem;font-weight:700;gap:.8rem;min-width:200px;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-btn.primary{background:#fff;box-shadow:0 4px 15px #ffffff4d;color:var(--moroccan-green)}.cta-btn.primary:hover{background:#f8f9fa;box-shadow:0 6px 20px #fff6;transform:translateY(-3px)}.cta-btn.secondary{background:#0000;border:2px solid #fff;color:#fff}.cta-btn.secondary:hover{background:#fff;color:var(--moroccan-green);transform:translateY(-3px)}[data-theme=dark] .presentation-nav{background:#181a20f2;border-bottom-color:#c49a6c4d}[data-theme=dark] .presentation-hero{background:linear-gradient(135deg,#c49a6c0d,#00623308 50%,#1d5b9c0d)}[data-theme=dark] .section-tabs{background:#181a20cc}[data-theme=dark] .emoji-level-card,[data-theme=dark] .feature-card,[data-theme=dark] .level-category,[data-theme=dark] .overview-card,[data-theme=dark] .question-card,[data-theme=dark] .shop-category,[data-theme=dark] .special-card,[data-theme=dark] .stat-card{background:linear-gradient(135deg,#23272fe6,#c49a6c0d);border-color:#c49a6c4d}[data-theme=dark] .auto-react-section{border-top-color:#c49a6c66}@media (max-width:768px){.presentation-nav{flex-direction:column;gap:1rem;padding:.8rem 1rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.hero-image{height:150px;width:150px}.section-tabs{gap:.5rem;padding:1rem}.tab-btn{font-size:.9rem;padding:.6rem 1rem}.presentation-content{padding:2rem 1rem}.section-title{font-size:2rem}.emoji-levels-grid,.features-grid,.levels-grid,.overview-grid,.questions-grid{grid-template-columns:1fr}.auto-react-title,.emoji-display{font-size:1.5rem}.emoji-display{letter-spacing:.3rem}.cta-buttons{align-items:center;flex-direction:column}.cta-btn{max-width:300px;width:100%}}@media (max-width:480px){.hero-title{font-size:2rem}.emoji-level-card,.feature-card,.level-category,.overview-card{padding:1.5rem}.feature-card{min-height:250px}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.9rem}.feature-icon{font-size:2rem}.auto-react-section{margin-top:2rem;padding-top:2rem}.auto-react-title,.emoji-display{font-size:1.3rem}.emoji-display{letter-spacing:.2rem}.cta-title{font-size:2rem}.cta-description{font-size:1.1rem}}.minigames-section{padding:3rem 0}.points-system-overview{background:linear-gradient(135deg,#c49a6c1a,#0062330d);border:2px solid #c49a6c33;border-radius:20px;margin-bottom:3rem;padding:2rem}.points-title{color:var(--moroccan-gold);font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.points-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.points-card{align-items:center;background:#ffffffe6;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;gap:.8rem;padding:1rem;transition:all .3s ease}.points-card:hover{border-color:var(--moroccan-gold);box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.points-icon{font-size:1.5rem}.points-icon.win{color:gold}.points-icon.draw{color:#ff6b6b}.points-icon.group{color:var(--moroccan-green)}.points-icon.participate{color:var(--moroccan-blue)}.game-categories{display:flex;flex-direction:column;gap:3rem}.game-category{background:#ffffff0d;border:2px solid #c49a6c33;border-radius:20px;padding:2rem}.category-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.category-icon{align-items:center;background:linear-gradient(135deg,var(--moroccan-gold),#e6b800);border-radius:50%;box-shadow:0 4px 12px #c49a6c4d;color:#fff;display:flex;font-size:1.8rem;height:60px;justify-content:center;width:60px}.category-header h3{color:var(--moroccan-gold);font-size:1.8rem;font-weight:700;margin:0}.games-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.game-card{background:#fffffff2;border:2px solid #0000;border-radius:15px;box-shadow:0 4px 15px #0000001a;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.game-card:before{background:linear-gradient(90deg,var(--moroccan-green),var(--moroccan-gold),var(--moroccan-blue));content:"";height:4px;left:0;position:absolute;right:0;top:0}.game-card:hover{border-color:var(--moroccan-gold);box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.game-header{gap:1rem;margin-bottom:1rem}.game-header,.game-icon{align-items:center;display:flex}.game-icon{background:linear-gradient(135deg,#0062331a,#c49a6c1a);border:2px solid #c49a6c4d;border-radius:12px;font-size:2rem;height:50px;justify-content:center;width:50px}.game-header h4{color:var(--moroccan-green);font-size:1.3rem;font-weight:700;margin:0}.game-description{color:#666;line-height:1.6;margin-bottom:1rem}.game-points{display:flex;flex-wrap:wrap;gap:.5rem}.point-badge{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;gap:.3rem;padding:.3rem .8rem}.point-badge.win{background:linear-gradient(135deg,gold,orange)}.point-badge.draw{background:linear-gradient(135deg,#ff6b6b,#ff4757)}.point-badge.lose{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.point-badge.participate{background:linear-gradient(135deg,var(--moroccan-blue),#1b5b8a)}.point-badge.first{background:linear-gradient(135deg,gold,orange)}.point-badge.second{background:linear-gradient(135deg,silver,#a8a8a8)}.point-badge.third{background:linear-gradient(135deg,#cd7f32,#b8860b)}[data-theme=dark] .game-card,[data-theme=dark] .points-card{background:#ffffff1a;color:var(--text-main)}[data-theme=dark] .game-description{color:#ccc}@media (max-width:768px){.games-grid,.points-grid{grid-template-columns:1fr}.game-category{padding:1.5rem}.category-header{flex-direction:column;gap:.5rem;text-align:center}.category-icon{height:50px;width:50px}.category-header h3,.category-icon,.points-title{font-size:1.5rem}}@media (max-width:480px){.minigames-section{padding:2rem 0}.points-system-overview{margin-bottom:2rem;padding:1.5rem}.game-categories{gap:2rem}.game-card{padding:1rem}.game-header h4{font-size:1.1rem}.game-icon{font-size:1.5rem;height:40px;width:40px}}.premium-root{background:#f7f9fc;background:var(--bg-main,#f7f9fc);color:#1a2130;color:var(--text-main,#1a2130);font-family:Cairo,Reem Kufi,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.premium-root:before{animation:twinkle-moroccan 16s linear infinite;background-image:radial-gradient(circle at 12% 20%,#c19a6b1a 0,#0000 45%),radial-gradient(circle at 80% 70%,#0062331a 0,#0000 50%),url("data:image/svg+xml;charset=utf-8,%3Csvg width='160' height='160' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m80 80 30-30v60L80 80zm0 0 30 30H50l30-30zm0 0L50 50v60l30-30zm0 0-30 30h60L80 80zM30 30l15-15 15 15-15 15zm85 0 15-15 15 15-15 15zm0 85 15-15 15 15-15 15zm-85 0 15-15 15 15-15 15z' fill='%23006233' fill-opacity='.05'/%3E%3C/svg%3E");background-size:auto,auto,160px 160px;content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.premium-navbar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;background:var(--navbar-bg,#ffffffd9);border-bottom:2px solid #c19a6b;border-bottom:2px solid var(--moroccan-saffron,#c19a6b);box-shadow:0 6px 18px #0000000f;display:flex;justify-content:space-between;padding:.7rem 2.5vw;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.premium-navbar-logo{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;height:38px;margin-right:10px;width:38px}.premium-navbar-title{font-family:Reem Kufi,Cairo,sans-serif;font-size:1.3rem;letter-spacing:1px}.premium-navbar-link,.premium-navbar-title{color:#006233;color:var(--moroccan-green,#006233);font-weight:700}.premium-navbar-link{align-items:center;background:#00623312;border:2px solid #0000;border-radius:16px;display:inline-flex;font-size:1.05em;margin:0 .3rem;padding:.5rem 1.2rem;text-decoration:none;transition:background .2s,color .2s,border-color .2s}.premium-navbar-link.active,.premium-navbar-link:hover{background:#c19a6b;background:var(--moroccan-saffron,#c19a6b);border-color:#006233;border-color:var(--moroccan-green,#006233);color:#006233;color:var(--moroccan-green,#006233)}.premium-navbar-btn{background:none;border:2px solid #006233;border:2px solid var(--moroccan-green,#006233);border-radius:10px;color:#006233;color:var(--moroccan-green,#006233);cursor:pointer;font-weight:700;margin-left:.5rem;padding:.4rem 1.1rem;transition:background .2s,color .2s}.premium-navbar-btn:hover{background:#006233;background:var(--moroccan-green,#006233);color:#fff}.premium-navbar-center,.premium-navbar-left,.premium-navbar-right{align-items:center;display:flex}.premium-main-pro{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000;border:2.5px solid #c19a6b;border:2.5px solid var(--moroccan-saffron,#c19a6b);border-radius:28px;box-shadow:0 8px 32px 0 #00000014,0 1.5px 0 0 #c19a6b;box-shadow:0 8px 32px 0 #00000014,0 1.5px 0 0 var(--moroccan-saffron,#c19a6b);margin:48px 2.5vw;overflow:hidden;padding:2.5vw;position:relative;z-index:1}.premium-main-pro:after{background:none;border-radius:inherit;content:"";inset:-2px;pointer-events:none;position:absolute}.premium-hero-pro{align-items:center;display:flex;gap:2rem}.premium-hero-img-pro{background:linear-gradient(135deg,#c1272d1f,#0062331f);border-radius:24px;box-shadow:0 0 0 6px #c19a6b,0 2px 16px 0 #00623340;box-shadow:0 0 0 6px var(--moroccan-saffron,#c19a6b),0 2px 16px 0 #00623340;min-height:140px;min-width:140px;padding:1.2rem}.premium-hero-image{border-radius:20px;display:block;height:120px;width:120px}.premium-hero-card-pro .premium-title{align-items:center;display:flex;font-size:1.9rem;gap:8px;margin:0 0 10px}.premium-badge{background:linear-gradient(90deg,var(--moroccan-red) 0,var(--moroccan-green) 100%);border-radius:999px;box-shadow:0 6px 18px #c1272d40;color:#fff;font-size:.8rem;font-weight:800;letter-spacing:.3px;padding:4px 10px}.premium-subtitle{margin:.2rem 0 1rem;opacity:.92}.premium-cta-btn{align-items:center;background:#e53935;border:none;border-radius:14px;box-shadow:0 12px 28px #e5393559;color:#fff;cursor:pointer;display:inline-flex;font-weight:800;gap:10px;letter-spacing:.2px;padding:12px 18px}.premium-cta-btn:hover{background:#d32f2f;transform:translateY(-1px)}.premium-perks{margin-top:1.2rem}.section-header{margin:10px 0 24px;text-align:center}.section-title{font-size:1.5rem;letter-spacing:.3px;margin:0 0 6px}.section-subtitle{opacity:.85}.perks-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.perk-card{background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 10px 24px #0000000f;padding:18px;transition:transform .2s,box-shadow .2s}.perk-card:hover{box-shadow:0 14px 32px #0000001a;transform:translateY(-4px)}.perk-icon{font-size:28px}.perk-title{font-weight:800;margin-top:8px}.perk-desc{margin-top:6px;opacity:.9}.premium-footer{opacity:.8;padding:32px;text-align:center}@media (max-width:780px){.premium-main-pro{border-radius:18px;margin:24px 4vw;padding:5vw 4vw}.premium-hero-pro{align-items:flex-start;flex-direction:column;gap:10px}.premium-hero-image{height:90px;width:90px}}:root[data-theme=dark] .premium-root{--bg-main:#181a20;--text-main:#f5f6fa}:root[data-theme=dark] .premium-main-pro{background:#0000;box-shadow:0 4px 32px 0 #11131a;color:#f5f6fa}:root[data-theme=dark] .premium-root:before{opacity:.18}:root[data-theme=dark] .perk-card{background:#0f141b;border-color:#ffffff0f;box-shadow:0 10px 28px #0006}:root[data-theme=dark] .premium-navbar{background:#14161bbf;border-bottom-color:#c19a6b;box-shadow:0 2px 16px #00000040}:root[data-theme=dark] .premium-navbar-link{background:#0062332e}html[dir=rtl] .premium-navbar-title{letter-spacing:0}html[dir=rtl] .premium-navbar-link{flex-direction:row-reverse}.premium-features{margin-top:2rem}.features-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.feature-card{background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 10px 24px #0000000f;padding:18px}.feature-icon{font-size:26px}.feature-title{font-weight:800;margin-top:8px}.feature-desc{margin-top:6px;opacity:.9}.premium-pricing{margin-top:2rem}.pricing-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.price-card{background:#fff;border:2px solid #c19a6b;border:2px solid var(--moroccan-saffron,#c19a6b);border-radius:18px;box-shadow:0 10px 28px #c1272d0f;padding:20px;text-align:center}.price-tier{color:#006233;color:var(--moroccan-green,#006233);font-weight:900}.price-value{font-size:1.6rem;font-weight:900;margin:8px 0}.price-desc{opacity:.9}.price-btn{background:#e53935;border:none;border-radius:10px;box-shadow:0 8px 18px #e539354d;color:#fff;font-weight:800;margin-top:12px;padding:10px 16px}.price-card.basic .price-btn{cursor:not-allowed;opacity:.6}.premium-faq{margin-top:2rem}.faq-list{grid-gap:10px;display:grid;gap:10px}.faq-item{background:#fff;border:1px solid #00000014;border-radius:12px;overflow:hidden}.faq-q{align-items:center;background:#0062330f;border:none;color:#006233;color:var(--moroccan-green,#006233);cursor:pointer;display:flex;font-weight:800;justify-content:space-between;width:100%}.faq-a,.faq-q{padding:12px 14px}.faq-a{display:none}.faq-item.open .faq-a{display:block}.premium-testimonials{margin-top:2rem}.testi-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.testi-card{background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 10px 24px #0000000f;padding:18px}.testi-text{font-style:italic}.testi-author{font-weight:700;margin-top:8px}.premium-stats{background:linear-gradient(90deg,#c1272d14,#00623314);border-radius:16px;margin-top:2rem;padding:16px}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));text-align:center}.stat-item{background:#fff;border-radius:12px;box-shadow:0 6px 16px #0000000f;padding:16px}.stat-value{color:#006233;color:var(--moroccan-green,#006233);font-size:1.4rem;font-weight:900}.stat-label{margin-top:4px;opacity:.85}.premium-bottom-cta{margin-top:2rem;text-align:center}:root[data-theme=dark] .faq-item,:root[data-theme=dark] .feature-card,:root[data-theme=dark] .price-card,:root[data-theme=dark] .stat-item,:root[data-theme=dark] .testi-card{background:#0f141b;border-color:#ffffff0f;box-shadow:0 8px 22px #00000059}:root[data-theme=dark] .premium-stats{background:linear-gradient(90deg,#c1272d29,#00623329)}.premium-payment{margin:64px auto;max-width:1000px;padding:0 16px}.premium-payment .section-title{color:var(--moroccan-red)}.payment-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1f,#ffffff0a);border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 10px 30px #0000002e;margin-top:16px;padding:24px;position:relative}[data-theme=dark] .payment-card{background:linear-gradient(135deg,#00000038,#0000001a);border:1px solid #ffffff1f}.payment-secure{align-items:center;color:var(--moroccan-green);display:inline-flex;font-weight:600;gap:10px}.payment-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 8px}.payment-btn{align-items:center;border:none;border-radius:999px;box-shadow:0 6px 18px #0000002e;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:10px;padding:12px 18px;transition:transform .15s ease,box-shadow .15s ease,opacity .2s ease}.payment-btn.premium{background:linear-gradient(90deg,var(--moroccan-red),#ff6b6b)}.payment-btn.vip{background:linear-gradient(90deg,var(--moroccan-green),#48c78e)}.payment-btn:hover{box-shadow:0 10px 24px #00000038;transform:translateY(-2px)}.payment-btn:active{opacity:.9;transform:translateY(0)}.payment-methods{margin-top:10px}.payment-methods-label{font-weight:600;opacity:.85}.payment-icons{align-items:center;display:flex;gap:10px;margin-top:8px}.pay-icon{color:var(--moroccan-green);height:20px;opacity:.8;width:42px}.pay-icon.mc{color:var(--moroccan-red)}.pay-icon.stripe{color:var(--moroccan-saffron)}.pay-icon.paypal{color:var(--moroccan-rose)}.payment-note{font-size:.92rem;margin-top:10px;opacity:.8}html[dir=rtl] .payment-actions,html[dir=rtl] .payment-icons{flex-direction:row-reverse}@media (max-width:640px){.payment-card{padding:18px}.payment-btn{padding:10px 14px}}.premium-payment .payment-tabs{display:flex;gap:8px;margin-bottom:14px}.premium-payment .payment-tab{background:var(--bg-muted);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;padding:8px 12px}.premium-payment .payment-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.premium-payment .payment-tab.disabled{cursor:not-allowed;opacity:.5}.paypal-section{padding:10px 8px}.paypal-plan-toggle{align-items:center;display:flex;gap:8px;margin-bottom:10px}.paypal-plan-btn{background:var(--bg-muted);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;padding:6px 10px}.paypal-plan-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.paypal-amount{font-weight:600;margin-left:auto}.paypal-buttons{align-items:center;display:flex;justify-content:center;min-height:48px}.other-section .other-list{margin-top:8px;padding-left:16px}:root{--moroccan-gold:gold;--moroccan-orange:#ff8c00;--moroccan-blue:#1e3a8a;--moroccan-terracotta:peru;--moroccan-cream:#fff8dc;--moroccan-brown:#8b4513;--zellige-white:#f8f8ff;--zellige-green:#228b22;--zellige-blue:#4169e1;--zellige-yellow:gold;--zellige-black:#2f2f2f;--moroccan-sunset:linear-gradient(135deg,#ff8c00,#c1272d 50%,#8b4513);--moroccan-desert:linear-gradient(135deg,gold,peru 50%,#8b4513);--moroccan-ocean:linear-gradient(135deg,#1e3a8a,#4169e1 50%,#228b22);--moroccan-royal:linear-gradient(135deg,#c1272d,gold 50%,#006233)}.moroccan-pattern{background-image:radial-gradient(circle at 25% 25%,gold 2px,#0000 0),radial-gradient(circle at 75% 75%,#c1272d 2px,#0000 0),radial-gradient(circle at 25% 75%,#006233 1px,#0000 0),radial-gradient(circle at 75% 25%,#1e3a8a 1px,#0000 0);background-image:radial-gradient(circle at 25% 25%,var(--moroccan-gold) 2px,#0000 2px),radial-gradient(circle at 75% 75%,var(--moroccan-red) 2px,#0000 2px),radial-gradient(circle at 25% 75%,var(--moroccan-green) 1px,#0000 1px),radial-gradient(circle at 75% 25%,var(--moroccan-blue) 1px,#0000 1px);background-position:0 0,0 0,20px 20px,20px 20px;background-size:40px 40px}.zellige-pattern{background-image:linear-gradient(45deg,#f8f8ff 25%,#0000 0),linear-gradient(-45deg,#f8f8ff 25%,#0000 0),linear-gradient(45deg,#0000 75%,#228b22 0),linear-gradient(-45deg,#0000 75%,#228b22 0);background-image:linear-gradient(45deg,var(--zellige-white) 25%,#0000 25%),linear-gradient(-45deg,var(--zellige-white) 25%,#0000 25%),linear-gradient(45deg,#0000 75%,var(--zellige-green) 75%),linear-gradient(-45deg,#0000 75%,var(--zellige-green) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.geometric-pattern{background-image:repeating-linear-gradient(45deg,gold,gold 2px,#0000 0,#0000 12px),repeating-linear-gradient(-45deg,#c1272d,#c1272d 2px,#0000 0,#0000 12px);background-image:repeating-linear-gradient(45deg,var(--moroccan-gold) 0,var(--moroccan-gold) 2px,#0000 2px,#0000 12px),repeating-linear-gradient(-45deg,var(--moroccan-red) 0,var(--moroccan-red) 2px,#0000 2px,#0000 12px)}@keyframes moroccan-dance{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(2deg)}50%{transform:translateY(-5px) rotate(-1deg)}75%{transform:translateY(-15px) rotate(1deg)}}@keyframes zellige-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes moroccan-glow{0%,to{box-shadow:0 0 20px gold;box-shadow:0 0 20px var(--moroccan-gold)}50%{box-shadow:0 0 40px #c1272d,0 0 60px gold;box-shadow:0 0 40px var(--moroccan-red),0 0 60px var(--moroccan-gold)}}@keyframes carpet-wave{0%,to{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(1.05) scaleX(.98)}}@keyframes lantern-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.moroccan-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c1272d,gold 50%,#006233);background:var(--moroccan-royal);-webkit-background-clip:text;background-clip:text;font-family:Amiri,Times New Roman,serif;font-weight:700;position:relative;text-shadow:2px 2px 4px #c1272d4d}.moroccan-title:before{background:var(--moroccan-pattern);border-radius:10px;bottom:-5px;content:"";left:-5px;opacity:.1;position:absolute;right:-5px;top:-5px;z-index:-1}.arabic-text{direction:rtl;font-family:Amiri,Scheherazade,serif;line-height:1.8;text-align:right}.moroccan-card{background:#f8f8ff;background:var(--zellige-white);border:3px solid gold;border:3px solid var(--moroccan-gold);border-radius:15px;box-shadow:0 8px 32px #c1272d33,inset 0 1px 0 #ffffff80;overflow:hidden;position:relative}.moroccan-card:before{background:linear-gradient(135deg,#c1272d,gold 50%,#006233);background:var(--moroccan-royal);top:0}.moroccan-card:after,.moroccan-card:before{content:"";height:4px;left:0;position:absolute;right:0}.moroccan-card:after{background:linear-gradient(135deg,gold,peru 50%,#8b4513);background:var(--moroccan-desert);bottom:0}.moroccan-button{background:linear-gradient(135deg,#ff8c00,#c1272d 50%,#8b4513);background:var(--moroccan-sunset);border:2px solid gold;border:2px solid var(--moroccan-gold);border-radius:25px;box-shadow:0 4px 15px #c1272d4d;color:#f8f8ff;color:var(--zellige-white);font-weight:600;letter-spacing:1px;overflow:hidden;padding:12px 30px;position:relative;text-transform:uppercase;transition:all .4s ease}.moroccan-button:before{background:linear-gradient(90deg,#0000,#ffd70066,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.moroccan-button:hover:before{left:100%}.moroccan-button:hover{animation:moroccan-glow 2s infinite;box-shadow:0 8px 25px #c1272d80;transform:translateY(-3px)}.moroccan-ornament{animation:moroccan-dance 3s ease-in-out infinite;background:gold;background:var(--moroccan-gold);border-radius:50% 10% 50% 10%;height:60px;position:relative;width:60px}.moroccan-ornament:before{background:#c1272d;background:var(--moroccan-red);border-radius:50% 10% 50% 10%;content:"";height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px}.zellige-tile{animation:zellige-shimmer 3s linear infinite;background:#228b22;background:var(--zellige-green);-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);height:40px;margin:2px;position:relative;width:40px}.moroccan-arch{background:#fff8dc;background:var(--moroccan-cream);border:3px solid gold;border:3px solid var(--moroccan-gold);border-radius:100px 100px 0 0;height:100px;margin:20px auto;position:relative;width:200px}.moroccan-arch:before{background:var(--moroccan-pattern);border-radius:90px 90px 0 0;bottom:-3px;content:"";left:10px;opacity:.3;position:absolute;right:10px;top:10px}.moroccan-container{background:linear-gradient(135deg,gold,peru 50%,#8b4513);background:var(--moroccan-desert);min-height:100vh;position:relative}.moroccan-container:before{background:var(--moroccan-pattern);bottom:0;content:"";left:0;opacity:.05;pointer-events:none;position:absolute;right:0;top:0}.moroccan-section{animation:carpet-wave 4s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f8ffe6;border:2px solid gold;border:2px solid var(--moroccan-gold);border-radius:20px;margin:20px;padding:30px;position:relative}@media (max-width:768px){.moroccan-title{font-size:2rem}.moroccan-section{margin:10px;padding:20px}.moroccan-ornament{height:40px;width:40px}}[data-theme=dark]{--zellige-white:#1a1a2e;--moroccan-cream:#2d2d44}[data-theme=dark] .moroccan-card{background:#fff8dc;background:var(--moroccan-cream);color:#f8f8ff;color:var(--zellige-white)}[data-theme=dark] .moroccan-section{background:#1a1a2ee6;color:#f8f8ff;color:var(--zellige-white)}.payment-page{background:linear-gradient(135deg,gold,#ff8c00 25%,#c1272d 50%,#8b4513 75%,#006233);min-height:100vh;overflow-x:hidden;position:relative}.payment-page:before{animation:moroccan-payment-pattern 25s linear infinite;background-image:radial-gradient(circle at 20% 20%,#ffd7001a 2px,#0000 0),radial-gradient(circle at 80% 80%,#c1272d1a 2px,#0000 0),radial-gradient(circle at 40% 60%,#0062331a 1px,#0000 0),repeating-linear-gradient(45deg,#0000,#0000 30px,#ffd70008 0,#ffd70008 32px);background-size:80px 80px,100px 100px,60px 60px,120px 120px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.payment-container{margin:0 auto;max-width:1000px;padding:2rem;position:relative;z-index:1}.payment-header{animation:moroccan-entrance 1s ease-out;margin-bottom:3rem;text-align:center}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid gold;border-radius:25px;color:#c1272d;cursor:pointer;font-weight:600;left:2rem;padding:.8rem 1.5rem;position:absolute;top:2rem;transition:all .3s ease}.back-button:hover{background:gold;box-shadow:0 5px 15px #ffd70066;color:#fff;transform:translateX(-5px)}.payment-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ff8c00,#c1272d);-webkit-background-clip:text;background-clip:text;color:#fff;font-family:Amiri,serif;font-size:3rem;font-weight:800;margin-bottom:1rem;text-shadow:0 4px 20px #c1272d80,0 2px 10px #ffd7004d}.payment-subtitle{color:#ffffffe6;font-size:1.3rem;font-weight:500}.payment-content{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 2fr}.plan-summary{background:#f8f8fff2;border:4px solid gold;border-radius:25px;padding:2rem;position:-webkit-sticky;position:sticky;top:2rem}.plan-header{align-items:center;border-bottom:2px solid #ffd7004d;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.plan-icon{background:linear-gradient(45deg,gold,#ff8c00);border-radius:50%;box-shadow:0 8px 20px #ffd70066;color:#fff;font-size:2.5rem;padding:1rem}.plan-icon.vip{background:linear-gradient(45deg,#c1272d,#8b4513);box-shadow:0 8px 20px #c1272d66}.plan-info{flex:1 1}.plan-name{color:#c1272d;font-family:Amiri,serif;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.plan-price{color:#006233;font-size:2rem;font-weight:800}.plan-price span{color:#666;font-size:1rem;font-weight:500}.plan-features{list-style:none;padding:0}.feature-item{border-bottom:1px solid #ffd70033;color:#333;gap:.8rem;padding:.8rem 0}.feature-check{color:#57f287;font-size:1.2rem}.payment-form-container{background:#f8f8fff2;border:4px solid gold;border-radius:25px;padding:2.5rem}.security-badge{align-items:center;background:linear-gradient(45deg,#57f287,#3ba55c);border-radius:15px;box-shadow:0 5px 15px #57f2874d;color:#fff;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem 1.5rem}.security-icon{font-size:1.5rem}.security-title{font-size:1.1rem;font-weight:700}.security-subtitle{font-size:.9rem;opacity:.9}.payment-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:1/-1}.form-label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.input-wrapper{position:relative}.input-icon{color:#666;font-size:1.1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.form-input{background:#fff;border:2px solid #e3e5e8;border-radius:12px;font-family:inherit;font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.form-input:focus{border-color:gold;box-shadow:0 0 0 3px #ffd70033;outline:none}.form-input.error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c33}.error-message{color:#e74c3c;display:block;font-size:.9rem;margin-top:.5rem}.general-error{background:#e74c3c1a;border:1px solid #e74c3c;border-radius:8px;font-weight:600;margin-bottom:1rem;padding:1rem;text-align:center}.payment-method-tabs{border-bottom:2px solid #ffd70033;display:flex;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem}.payment-tab{align-items:center;background:#0000;border:2px solid #ffd7004d;border-radius:25px;color:#666;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.8rem 1.2rem;transition:all .3s ease;white-space:nowrap}.payment-tab:hover{border-color:gold;color:#c1272d;transform:translateY(-2px)}.payment-tab.active{background:linear-gradient(45deg,gold,#ff8c00);border-color:gold;box-shadow:0 5px 15px #ffd70066;color:#fff}.tab-icon{flex-shrink:0;height:16px;width:16px}.tab-paypal-logo{align-items:center;display:flex;gap:.1rem}.tab-paypal-p{font-family:Arial Black,Arial,sans-serif;font-size:.9rem;font-weight:900}.tab-paypal-p.blue{color:#003087}.tab-paypal-p.light-blue{color:#009cde}.payment-tab.active .tab-paypal-p{color:#fff}.apple-pay-container,.google-pay-container,.paypal-container{background:#ffffff0d;border-radius:15px;margin-bottom:1rem;padding:2rem;text-align:center}.payment-method-info h3{color:#c1272d;font-family:Amiri,serif;font-size:1.5rem;margin-bottom:1rem}.payment-method-info p{color:#666;line-height:1.6;margin-bottom:2rem}.paypal-button{align-items:center;background:#ffc439;border:2px solid #003087;border-radius:25px;color:#003087;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.8rem;justify-content:center;margin:0 auto;max-width:300px;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease;width:100%}.paypal-button:hover{background:#ffb700;box-shadow:0 8px 20px #ffc43966;transform:translateY(-2px)}.paypal-logo-container{align-items:center;display:flex;gap:.2rem}.paypal-p{font-family:Arial Black,Arial,sans-serif;font-size:1.4rem;font-weight:900;text-shadow:1px 1px 2px #0000001a}.paypal-p.blue{color:#003087}.paypal-p.light-blue{color:#009cde}.paypal-brand{font-family:Arial,sans-serif;font-size:1rem;margin-left:.3rem}.paypal-brand,.paypal-text{color:#003087;font-weight:700}.paypal-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.paypal-button:hover:before{left:100%}.apple-pay-button{align-items:center;background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.8rem;justify-content:center;margin:0 auto;max-width:300px;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease;width:100%}.apple-pay-button:hover{background:#1a1a1a;box-shadow:0 8px 20px #0006;transform:translateY(-2px)}.apple-logo-container{align-items:center;display:flex;gap:.5rem}.apple-logo{color:#fff}.apple-pay-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.2rem;font-weight:400}.apple-pay-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.apple-pay-button:hover:before{left:100%}.google-pay-button{align-items:center;background:#000;border:1px solid #dadce0;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;gap:.8rem;justify-content:center;margin:0 auto;max-width:300px;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease;width:100%}.google-pay-button:hover{background:#1a1a1a;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.google-logo-container{align-items:center;display:flex;gap:.5rem}.google-logo{height:18px;width:18px}.google-pay-text{color:#fff;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:1.2rem;font-weight:500}.google-pay-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.google-pay-button:hover:before{left:100%}.pay-button{align-items:center;background:linear-gradient(45deg,#c1272d,#ff8c00,gold);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:.8rem;justify-content:center;letter-spacing:1px;margin-top:1rem;overflow:hidden;padding:1.2rem 2rem;position:relative;text-transform:uppercase;transition:all .4s ease}.pay-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.pay-button:hover:before{left:100%}.pay-button:hover{box-shadow:0 15px 35px #c1272d66;transform:translateY(-3px)}.pay-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.pay-button.vip{background:linear-gradient(45deg,#8b4513,#c1272d,gold)}.button-icon{font-size:1.1rem}@keyframes moroccan-payment-pattern{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:80px 80px,-100px -100px,60px 60px,-120px -120px}}[data-theme=dark] .payment-page{background:linear-gradient(135deg,#8b4513,#c1272d 25%,#1a1a2e 50%,#006233 75%,gold)}[data-theme=dark] .payment-form-container,[data-theme=dark] .plan-summary{background:#1a1a2ef2;color:#fff8dc}[data-theme=dark] .form-input{background:#2f3136;border-color:#40444b;color:#fff8dc}[data-theme=dark] .form-label{color:#fff8dc}[dir=rtl] .back-button{left:auto;right:2rem}[dir=rtl] .back-button:hover{transform:translateX(5px)}[dir=rtl] .input-icon{left:auto;right:1rem}[dir=rtl] .form-input{padding-left:1rem;padding-right:3rem}[dir=rtl] .payment-method-tabs,[dir=rtl] .plan-header,[dir=rtl] .security-badge{flex-direction:row-reverse}[dir=rtl] .apple-pay-container,[dir=rtl] .google-pay-container,[dir=rtl] .payment-method-info h3,[dir=rtl] .payment-method-info p,[dir=rtl] .paypal-container{text-align:center}[data-theme=dark] .payment-tab{border-color:#ffd70080;color:#fff8dc}[data-theme=dark] .payment-tab:hover{color:gold}[data-theme=dark] .apple-pay-container,[data-theme=dark] .google-pay-container,[data-theme=dark] .paypal-container{background:#ffffff1a}[data-theme=dark] .payment-method-info h3{color:gold}[data-theme=dark] .payment-method-info p{color:#fff8dc}@media (max-width:768px){.payment-container{padding:1rem}.payment-content{gap:2rem;grid-template-columns:1fr}.plan-summary{position:static}.payment-title{font-size:2.5rem}.back-button{left:1rem;padding:.6rem 1rem;top:1rem}[dir=rtl] .back-button{left:auto;right:1rem}.form-row{grid-template-columns:1fr}.payment-form-container{padding:1.5rem}.payment-method-tabs{flex-wrap:wrap;gap:.3rem}.payment-tab{font-size:.8rem;gap:.3rem;padding:.6rem 1rem}.tab-icon{height:14px;width:14px}.tab-paypal-p{font-size:.8rem}.apple-pay-container,.google-pay-container,.paypal-container{padding:1.5rem}.apple-pay-button,.google-pay-button,.paypal-button{font-size:1rem;max-width:100%;padding:.8rem 1.5rem}.apple-pay-text,.google-pay-text{font-size:1rem}.apple-logo,.google-logo{height:16px;width:16px}.paypal-p{font-size:1.2rem}.paypal-brand{font-size:.9rem}}@media (max-width:480px){.payment-title{font-size:2rem}.plan-header{flex-direction:column;text-align:center}.plan-icon{font-size:2rem}}.invite-page{background:linear-gradient(135deg,#ff8c00,#c1272d 30%,#8b4513 70%,#006233);min-height:100vh;overflow:hidden;position:relative}.invite-page:before{animation:moroccan-pattern-flow 20s linear infinite;background-image:radial-gradient(circle at 20% 20%,#ffd7001a 2px,#0000 0),radial-gradient(circle at 80% 80%,#c1272d1a 2px,#0000 0),radial-gradient(circle at 40% 60%,#0062331a 1px,#0000 0),repeating-linear-gradient(45deg,#0000,#0000 20px,#ffd7000d 0,#ffd7000d 22px);background-size:60px 60px,80px 80px,40px 40px,100px 100px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme=dark] .invite-page{background:linear-gradient(135deg,#8b4513,#c1272d 30%,#1a1a2e 70%,#006233)}@keyframes moroccan-pattern-flow{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:60px 60px,-80px -80px,40px 40px,-100px -100px}}.invite-container{margin:0 auto;max-width:900px;padding:2rem;position:relative;z-index:1}.invite-header{animation:moroccan-entrance 1.2s ease-out;margin-bottom:4rem;position:relative;text-align:center}.invite-header:before{animation:moroccan-star-twinkle 2s ease-in-out infinite;color:gold;content:"✦";font-size:2rem;left:50%;position:absolute;top:-30px;transform:translateX(-50%)}.invite-title{-webkit-text-fill-color:#0000;animation:moroccan-gradient-shift 3s ease-in-out infinite;background:linear-gradient(45deg,gold,#ff8c00,#c1272d,#006233);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;color:#fff;font-family:Amiri,Times New Roman,serif;font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;position:relative;text-shadow:0 4px 20px #c1272d80,0 2px 10px #ffd7004d}.invite-title:after{animation:moroccan-underline-glow 2s ease-in-out infinite;background:linear-gradient(90deg,gold,#c1272d,#006233);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}@keyframes moroccan-entrance{0%{opacity:0;transform:translateY(50px) scale(.8)}50%{opacity:.7;transform:translateY(-10px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes moroccan-star-twinkle{0%,to{opacity:.7;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.2)}}@keyframes moroccan-gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes moroccan-underline-glow{0%,to{box-shadow:0 0 10px #ffd70080}50%{box-shadow:0 0 20px #c1272dcc}}.invite-description{color:#ffffffe6;font-size:1.4rem;line-height:1.6;margin:0 auto 3rem;max-width:600px;text-shadow:0 2px 10px #0003}.invite-button{animation:moroccan-button-pulse 3s ease-in-out infinite;background:linear-gradient(45deg,#c1272d,#ff8c00,gold);border:3px solid gold;border-radius:50px;box-shadow:0 8px 25px #c1272d66,0 4px 15px #ffd7004d,inset 0 1px 0 #ffffff4d;color:#fff;cursor:pointer;font-family:Amiri,serif;font-size:1.3rem;font-weight:700;letter-spacing:1px;overflow:hidden;padding:1.5rem 4rem;position:relative;text-transform:uppercase;transition:all .4s ease}.invite-button:before{background:linear-gradient(90deg,#0000,#ffd70066,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.invite-button:after{animation:moroccan-sparkle 2s ease-in-out infinite;content:"✨";font-size:1.2rem;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.invite-button:hover:before{left:100%}.invite-button:hover{animation:moroccan-button-glow 1s ease-in-out infinite;border-color:#ff8c00;box-shadow:0 15px 40px #c1272d99,0 8px 25px #ffd70080,inset 0 1px 0 #ffffff80;transform:translateY(-5px) scale(1.05)}.invite-button:active{transform:translateY(-2px) scale(1.02)}@keyframes moroccan-button-pulse{0%,to{box-shadow:0 8px 25px #c1272d66,0 4px 15px #ffd7004d}50%{box-shadow:0 12px 35px #c1272d99,0 6px 20px #ffd70080}}@keyframes moroccan-button-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes moroccan-sparkle{0%,to{opacity:.7;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.3)}}.features-section{animation:moroccan-card-entrance 1s ease-out .3s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f8f8fff2;border:4px solid gold;border-radius:25px;box-shadow:0 15px 35px #c1272d4d,0 8px 20px #ffd70033,inset 0 1px 0 #fffc;margin:4rem auto;max-width:650px;padding:3rem;position:relative}.features-section:before{animation:moroccan-border-glow 3s ease-in-out infinite;background:linear-gradient(45deg,gold,#c1272d,#006233,#ff8c00);border-radius:27px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.features-section:after{animation:moroccan-crescent-sway 4s ease-in-out infinite;color:gold;content:"☪";font-size:2rem;position:absolute;right:30px;text-shadow:0 2px 10px #c1272d80;top:-15px}[data-theme=dark] .features-section{background:#1a1a2ef2;border:4px solid #ff8c00;color:#fff8dc}@keyframes moroccan-card-entrance{0%{opacity:0;transform:translateY(30px) scale(.9)}50%{opacity:.8;transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes moroccan-border-glow{0%,to{opacity:.8}50%{opacity:1}}@keyframes moroccan-crescent-sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.features-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.features-list{list-style:none;margin:0;padding:0}.feature-item{align-items:center;border-bottom:1px solid #ffffff1a;color:#ffffffe6;display:flex;font-size:1.1rem;padding:1rem 0;transition:all .3s ease}.feature-item:last-child{border-bottom:none}.feature-item:hover{color:#fff;transform:translateX(10px)}.feature-icon{align-items:center;background:linear-gradient(45deg,#57f287,#3ba55c);border-radius:50%;height:24px;margin-right:1rem;width:24px}.controls-section,.feature-icon{display:flex;justify-content:center}.controls-section{animation:fadeInUp .8s ease-out .4s both;gap:1rem;margin-top:3rem}.control-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;transition:all .3s ease}.control-button:hover{background:#fff3;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.invite-container{padding:1rem}.invite-title{font-size:2.5rem}.invite-description{font-size:1.2rem}.features-section{margin:2rem auto;padding:2rem}.controls-section{align-items:center;flex-direction:column}.control-button{width:200px}}@media (max-width:480px){.invite-title{font-size:2rem}.invite-button,.invite-description{font-size:1.1rem}.invite-button{padding:1rem 2rem}}.payment-success-banner{animation:moroccan-success-entrance 1s ease-out,moroccan-success-pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#57f287,#3ba55c);border:4px solid gold;border-radius:25px;box-shadow:0 20px 50px #57f28766,0 10px 30px #ffd7004d,inset 0 1px 0 #ffffff80;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative;text-align:center}.payment-success-banner:before{animation:moroccan-banner-shine 4s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.success-icon{animation:moroccan-icon-bounce 2s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}.success-banner-title{color:#fff;font-family:Amiri,serif;font-size:2.5rem;font-weight:800;margin-bottom:1rem;text-shadow:0 3px 15px #0000004d}.success-banner-text{color:#fffffff2;font-size:1.3rem;font-weight:600;line-height:1.6;margin:0 auto;max-width:600px}.payment-success-notification{animation:moroccan-success-entrance .8s ease-out,moroccan-success-glow 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#57f287,#3ba55c);border:3px solid gold;border-radius:20px;box-shadow:0 15px 40px #57f28766,0 8px 25px #ffd7004d,inset 0 1px 0 #ffffff80;left:50%;max-width:500px;padding:2rem 3rem;position:fixed;text-align:center;top:20px;transform:translateX(-50%);z-index:1000}.success-content{color:#fff}.success-title{font-family:Amiri,serif;font-size:1.8rem;font-weight:800;margin-bottom:1rem;text-shadow:0 2px 10px #0000004d}.success-message{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.success-subtitle{font-size:1rem;font-style:italic;opacity:.9}.invite-button.success-glow{animation:moroccan-success-button-glow 2s ease-in-out infinite;background:linear-gradient(45deg,#57f287,#3ba55c,gold);border-color:#57f287;box-shadow:0 15px 40px #57f28799,0 8px 25px #ffd70080,inset 0 1px 0 #ffffff80}@keyframes moroccan-success-entrance{0%{opacity:0;transform:translateX(-50%) translateY(-50px) scale(.8)}50%{opacity:.8;transform:translateX(-50%) translateY(10px) scale(1.05)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes moroccan-success-glow{0%,to{box-shadow:0 15px 40px #57f28766,0 8px 25px #ffd7004d,inset 0 1px 0 #ffffff80}50%{box-shadow:0 20px 50px #57f28799,0 12px 35px #ffd70080,inset 0 1px 0 #ffffffb3}}@keyframes moroccan-success-button-glow{0%,to{box-shadow:0 15px 40px #57f28799,0 8px 25px #ffd70080;filter:brightness(1)}50%{box-shadow:0 20px 50px #57f287cc,0 12px 35px #ffd700b3;filter:brightness(1.2)}}@keyframes moroccan-success-pulse{0%,to{box-shadow:0 20px 50px #57f28766,0 10px 30px #ffd7004d;transform:scale(1)}50%{box-shadow:0 25px 60px #57f28799,0 15px 40px #ffd70080;transform:scale(1.02)}}@keyframes moroccan-banner-shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{transform:translateX(0) translateY(0) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes moroccan-icon-bounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-10px) scale(1.1)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-5px) scale(1.05)}}[dir=rtl] .feature-item{flex-direction:row-reverse}[dir=rtl] .feature-icon{margin-left:1rem;margin-right:0}[dir=rtl] .feature-item:hover{transform:translateX(-10px)}@media (max-width:768px){.payment-success-notification{max-width:90%;padding:1.5rem 2rem;top:10px}.success-title{font-size:1.5rem}.success-message{font-size:1.1rem}.payment-success-banner{margin-bottom:1.5rem;padding:1.5rem}.success-icon{font-size:3rem}.success-banner-title{font-size:2rem}.success-banner-text{font-size:1.1rem}}.updates-page{background:var(--bg-main);color:var(--text-main);font-family:Cairo,Reem Kufi,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.updates-page:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 100a50 50 0 1 1 100 0 50 50 0 1 1-100 0m50 0 25-43.3 25 43.3-25 43.3-25-43.3zm0 0 43.3-25v50L100 100zm0 0 25 43.3H75l25-43.3zm0 0-43.3 25V75l43.3 25z' fill='%23006233' fill-opacity='.02'/%3E%3C/svg%3E");bottom:0;content:"";pointer-events:none;z-index:-1}.updates-nav,.updates-page:before{left:0;position:fixed;right:0;top:0}.updates-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #c49a6c33;justify-content:space-between;padding:1rem 2rem;z-index:1000}.nav-home-btn,.updates-nav{align-items:center;display:flex}.nav-home-btn{background:linear-gradient(135deg,var(--moroccan-green),#1b7e39);border-radius:8px;box-shadow:0 2px 8px #0062334d;color:#fff;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-home-btn:hover{box-shadow:0 4px 12px #00623366;transform:translateY(-2px)}.nav-controls{display:flex;gap:.5rem}.nav-control-btn{align-items:center;background:#0000;border:2px solid var(--moroccan-blue);border-radius:6px;color:var(--moroccan-blue);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.3rem;padding:.5rem .8rem;transition:all .3s ease}.nav-control-btn:hover{background:var(--moroccan-blue);color:#fff;transform:translateY(-1px)}.updates-hero{background:linear-gradient(135deg,#c49a6c1a,#00623314 50%,#1d5b9c1a);padding:120px 2rem 60px;position:relative;text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--moroccan-green),var(--moroccan-gold));-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem}.hero-description{color:var(--text-secondary);font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.hero-image-container{display:inline-block;margin-top:2rem;position:relative}.hero-image{border:3px solid var(--moroccan-gold);border-radius:20px;box-shadow:0 8px 30px #0062334d;height:200px;transition:all .3s ease;width:200px}.hero-image:hover{box-shadow:0 15px 40px #00623366;transform:translateY(-5px) scale(1.05)}.hero-glow{animation:glow 3s ease-in-out infinite alternate;background:linear-gradient(45deg,var(--moroccan-green),var(--moroccan-gold),var(--moroccan-blue));border-radius:25px;bottom:-10px;filter:blur(15px);left:-10px;opacity:.3;position:absolute;right:-10px;top:-10px;z-index:-1}@keyframes glow{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.1)}}.filter-tabs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:2rem}.filter-tab{align-items:center;background:#ffffffe6;border:2px solid #c49a6c4d;border-radius:25px;box-shadow:0 2px 8px #0000001a;color:var(--text-main);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease}.filter-tab:hover{border-color:var(--moroccan-gold);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.filter-tab.active{background:linear-gradient(135deg,var(--moroccan-gold),#e6b800);border-color:var(--moroccan-gold);box-shadow:0 4px 15px #c49a6c66;color:#fff}.tab-icon{font-size:1.1rem}.updates-content{margin:0 auto;max-width:1200px;padding:2rem}.updates-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.update-card{background:#fffffff2;border:2px solid #0000;border-radius:20px;box-shadow:0 4px 20px #0000001a;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.update-card:before{background:var(--update-color);content:"";height:4px;left:0;position:absolute;right:0;top:0}.update-card:hover{border-color:var(--update-color);box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.update-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.update-icon{align-items:center;background:var(--update-color);border-radius:50%;box-shadow:0 4px 12px #0003;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.update-meta{flex:1 1}.update-type{background:var(--update-color);border-radius:15px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:.5rem;padding:.3rem .8rem}.update-date{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.3rem}.update-content h3{color:var(--update-color);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.update-description{color:var(--text-secondary);line-height:1.6}.update-description,.update-version{margin-bottom:1.5rem}.version-badge{background:linear-gradient(135deg,var(--update-color),rgba(var(--update-color),.8));border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;padding:.4rem 1rem}.update-features h4{color:var(--update-color);font-weight:600;margin-bottom:1rem}.update-features ul{list-style:none;padding:0}.update-features li{align-items:center;color:var(--text-main);display:flex;gap:.8rem;padding:.5rem 0}.feature-icon{color:var(--update-color);flex-shrink:0;font-size:.8rem}[data-theme=dark] .updates-nav{background:#1e1e1ef2;border-bottom-color:#c49a6c4d}[data-theme=dark] .filter-tab,[data-theme=dark] .update-card{background:#ffffff1a;color:var(--text-main)}[data-theme=dark] .update-description{color:#ccc}@media (max-width:768px){.updates-nav{padding:1rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.hero-image{height:150px;width:150px}.filter-tabs{gap:.5rem;padding:1rem}.filter-tab{font-size:.9rem;padding:.6rem 1rem}.updates-grid{gap:1.5rem;grid-template-columns:1fr}.update-card{padding:1.5rem}.update-header{align-items:center;flex-direction:column;gap:1rem;text-align:center}.update-icon{font-size:1.3rem;height:50px;width:50px}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-image{height:120px;width:120px}.filter-tabs{align-items:center;flex-direction:column}.filter-tab{justify-content:center;max-width:250px;width:100%}.update-card{padding:1rem}.update-content h3{font-size:1.3rem}}[dir=rtl] .nav-controls,[dir=rtl] .update-date,[dir=rtl] .update-features li,[dir=rtl] .update-header{flex-direction:row-reverse}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.update-card{animation:slideInUp .6s ease-out}.update-card:nth-child(2){animation-delay:.1s}.update-card:nth-child(3){animation-delay:.2s}.update-card:nth-child(4){animation-delay:.3s}:root{--primary-blue:#4a6fa5;--primary-yellow:#ffd600;--white:#fff;--gray-light:#f5f6fa;--moroccan-red:#c1272d;--moroccan-green:#006233;--moroccan-blue:#1d5b9c;--moroccan-terracotta:#cd5c5c;--moroccan-saffron:#f4c430;--moroccan-turquoise:#30d5c8;--primary-bg:#f5f6fa;--secondary-bg:#f5f7fb;--primary-text:#23272f;--secondary-text:var(--moroccan-blue);--accent:var(--moroccan-red);--button-bg:var(--moroccan-green);--button-text:#fff;--card-bg:#fff;--card-shadow:#c1272d1a;--black:#181a20;--bg-main:var(--gray-light);--text-main:var(--black);--navbar-bg:#fff8e1}.title-font,h1,h2,h3{font-family:Reem Kufi,Cairo,sans-serif}*{box-sizing:border-box;cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23006233' d='m12 2 3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.77 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E") 12 12,auto;margin:0;padding:0}.dash-action-btn,.dash-server-card,.nav-minimal-btn,.nav-minimal-link,.support-btn,a,button{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23FFE600' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") 12 12,pointer}.achievement-card,.contribution-card,.dash-stat-card,.game-stat-card,.profile-hero-image,.shop-stat,.social-stat{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23C19A6B' d='m12 2 2.4 7.4h7.8L15.9 14l2.4 7.4-6.3-4.6-5.9 4.6L8.5 14 2.2 9.4H10L12 2z'/%3E%3C/svg%3E") 12 12,pointer}input,textarea{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%235B7DC7' d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E") 12 12,text}[data-theme=dark] *{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23FFE600' d='m12 2 3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.77 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E") 12 12,auto}[data-theme=dark] .dash-action-btn,[data-theme=dark] .dash-server-card,[data-theme=dark] .nav-minimal-btn,[data-theme=dark] .nav-minimal-link,[data-theme=dark] .support-btn,[data-theme=dark] a,[data-theme=dark] button{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23fff' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") 12 12,pointer}[data-theme=dark] .achievement-card,[data-theme=dark] .contribution-card,[data-theme=dark] .dash-stat-card,[data-theme=dark] .game-stat-card,[data-theme=dark] .profile-hero-image,[data-theme=dark] .shop-stat,[data-theme=dark] .social-stat{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23E14B50' d='m12 2 2.4 7.4h7.8L15.9 14l2.4 7.4-6.3-4.6-5.9 4.6L8.5 14 2.2 9.4H10L12 2z'/%3E%3C/svg%3E") 12 12,pointer}[data-theme=dark] input,[data-theme=dark] textarea{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23fff' d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E") 12 12,text}body,html{height:100%;overflow-x:hidden}body{background:#f5f6fa;background:var(--primary-bg);color:#23272f;color:var(--primary-text);font-family:Cairo,Montserrat,Arial,sans-serif;line-height:1.6;margin:0;padding:0}#root{min-height:100vh}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none;height:0;width:0}body.dark{--primary-bg:#181a20;--secondary-bg:#23272f;--primary-text:#f5f6fa;--secondary-text:#bfc9d1;--accent:#ffe600;--button-bg:#222b3a;--button-text:#ffe600;--card-bg:#23272f;--card-shadow:#11131a}@keyframes float-moroccan{0%,to{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-15px) rotate(90deg) scale(1.05)}50%{transform:translateY(-10px) rotate(180deg) scale(.95)}75%{transform:translateY(-20px) rotate(270deg) scale(1.02)}}@keyframes twinkle-moroccan{0%,to{opacity:.3;transform:scale(1) rotate(0deg)}25%{opacity:.7;transform:scale(1.3) rotate(90deg)}50%{opacity:.5;transform:scale(.8) rotate(180deg)}75%{opacity:.8;transform:scale(1.2) rotate(270deg)}}.dashboard-card{background:#fff;background:var(--card-bg);box-shadow:0 4px 16px #c1272d1a;box-shadow:0 4px 16px var(--card-shadow);color:#23272f;color:var(--primary-text)}.dashboard-button{background:#006233;background:var(--button-bg);border:none;border-radius:8px;color:#fff;color:var(--button-text);font-weight:700;padding:8px 20px;transition:background .3s,color .3s}[data-theme=dark]{--bg-main:var(--black);--text-main:var(--white)}[data-theme=light]{--bg-main:var(--gray-light);--text-main:var(--black)}
/*# sourceMappingURL=main.e47cdd7c.css.map*/