*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#050816;font-family:Inter,sans-serif;overflow-x:hidden}button,input,textarea{font-family:inherit}#root{min-height:100vh}.hero-section{direction:rtl;align-items:center;min-height:100vh;padding:80px 8%;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;width:100%;display:grid;position:relative}.hero-badge{color:#b8a7ff;background:#7d5cff1f;border:1px solid #7d5cff73;border-radius:999px;margin-bottom:22px;padding:10px 18px;font-size:.95rem;display:inline-flex}.hero-text h1{margin-bottom:24px;font-size:clamp(2.6rem,7vw,5.6rem);line-height:1.1}.hero-text h1 span{background:linear-gradient(135deg,#8b5cf6,#22d3ee);color:#0000;-webkit-background-clip:text}.hero-text p{color:#cbd5e1;max-width:680px;margin-bottom:34px;font-size:clamp(1rem,2.4vw,1.25rem);line-height:2}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.primary-btn,.secondary-btn{border-radius:16px;padding:14px 24px;font-weight:700;text-decoration:none;transition:all .3s}.primary-btn{color:#fff;background:linear-gradient(135deg,#7c3aed,#06b6d4);box-shadow:0 18px 45px #7c3aed59}.secondary-btn{color:#fff;background:#ffffff0f;border:1px solid #ffffff2e}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-4px)}.hero-image-wrapper{aspect-ratio:1;background:linear-gradient(145deg,#8b5cf659,#22d3ee2e);border-radius:38px;justify-self:center;width:min(390px,85vw);padding:18px;box-shadow:0 30px 90px #22d3ee2e}.hero-image{object-fit:cover;background:#ffffff0f;border-radius:30px;width:100%;height:100%}.hero-glow{filter:blur(90px);opacity:.45;border-radius:50%;width:380px;height:380px;position:absolute}.hero-glow-1{background:#7c3aed;top:10%;right:-120px}.hero-glow-2{background:#06b6d4;bottom:5%;left:-120px}@media (width<=850px){.hero-section{text-align:center;padding:60px 6%}.hero-content{grid-template-columns:1fr;gap:38px}.hero-text{order:2}.hero-image-wrapper{border-radius:30px;order:1;width:min(260px,75vw)}.hero-image{border-radius:24px}.hero-actions{justify-content:center}.primary-btn,.secondary-btn{text-align:center;width:100%;max-width:280px}}.hero-section:before{content:"";z-index:0;background:radial-gradient(circle at 20% 20%,#7c3aed1f,#0000 40%),radial-gradient(circle at 80% 70%,#22d3ee1f,#0000 40%);animation:12s ease-in-out infinite heroBackgroundMove;position:absolute;inset:0}@keyframes heroBackgroundMove{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.scroll-indicator{z-index:5;border:2px solid #ffffff40;border-radius:999px;justify-content:center;width:28px;height:48px;padding-top:8px;display:flex;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.scroll-indicator span{background:#fff;border-radius:999px;width:6px;height:10px;animation:1.5s infinite scrollDot}@keyframes scrollDot{0%{opacity:0;transform:translateY(0)}50%{opacity:1}to{opacity:0;transform:translateY(16px)}}.stats-section{direction:rtl;grid-template-columns:repeat(3,1fr);gap:25px;padding:40px 8% 100px;display:grid}.stats-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:28px;padding:35px;transition:all .35s}.stats-card:hover{border-color:#7c3aed66;transform:translateY(-10px);box-shadow:0 25px 60px #7c3aed33}.stats-card h2{background:linear-gradient(135deg,#8b5cf6,#22d3ee);color:#0000;-webkit-background-clip:text;margin-bottom:10px;font-size:clamp(2.4rem,6vw,3rem)}.stats-card p{color:#cbd5e1;font-size:1rem}@media (width<=768px){.stats-section{grid-template-columns:1fr;padding:30px 6% 70px}.stats-card{padding:28px}}.stats-icon{color:#22d3ee;background:#22d3ee1a;border:1px solid #22d3ee2e;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 18px;font-size:1.35rem;display:flex}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000ad;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-container{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);isolation:isolate;background:linear-gradient(#0f172af2,#0f172aeb);border:1px solid #ffffff14;border-radius:32px;width:100%;max-width:720px;max-height:90vh;padding:35px;position:relative;overflow-y:auto;box-shadow:0 30px 100px #00000073}.modal-container:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#8b5cf666,#22d3ee40,#0000);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.close-btn{cursor:pointer;color:#fff;background:#ffffff14;border:none;border-radius:50%;width:42px;height:42px;transition:all .3s;position:absolute;top:18px;left:18px}.close-btn:hover{background:#ffffff24;transform:rotate(90deg)scale(1.08)}.modal-container::-webkit-scrollbar{width:6px}.modal-container::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:999px}.details-modal{text-align:center;direction:rtl}.details-modal-image{object-fit:contain;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:24px;width:120px;height:120px;margin-bottom:20px;padding:16px}.details-modal h2{margin-bottom:16px;font-size:clamp(1.6rem,4vw,2.2rem)}.details-description{color:#cbd5e1;margin-bottom:18px;line-height:2}.details-price{color:#22d3ee;background:#22d3ee1f;border:1px solid #22d3ee40;border-radius:999px;justify-content:center;align-items:center;margin-bottom:22px;padding:12px 18px;font-weight:800;display:inline-flex}.details-features{gap:10px;margin:0 0 24px;padding:0;list-style:none;display:grid}.details-features li{color:#e2e8f0;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:16px;padding:14px;transition:all .25s}.details-features li:hover{border-color:#8b5cf633;transform:translate(-4px)}.whatsapp-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#7c3aed,#06b6d4);border:none;border-radius:16px;width:100%;max-width:320px;padding:13px 20px;font-weight:800}@media (width<=768px){.modal-overlay{padding:12px}.modal-container{border-radius:24px;padding:22px}.details-modal-image{width:110px;height:110px}}.services-section{direction:rtl;padding:100px 8%}.section-header{text-align:center;max-width:760px;margin:0 auto 50px}.section-header span{color:#22d3ee;font-size:.95rem;font-weight:800}.section-header h2{margin:14px 0;font-size:clamp(2rem,5vw,3.4rem)}.section-header p{color:#cbd5e1;line-height:2}.services-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.service-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:28px;padding:28px;transition:transform .35s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden}.service-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:60%;height:300%;transition:all .8s;position:absolute;top:-150%;left:-50%;transform:rotate(25deg)}.service-card:hover:after{left:140%}.service-card:before{content:"";pointer-events:none;opacity:0;background:linear-gradient(135deg,#8b5cf614,#22d3ee14);transition:all .35s;position:absolute;inset:0}.service-card:hover:before{opacity:1}.service-card:hover{border-color:#8b5cf659;transform:translateY(-12px)scale(1.02);box-shadow:0 25px 60px #7c3aed2e,0 0 0 1px #8b5cf626}.service-card>*{z-index:2;position:relative}.service-icon-wrapper{background:#ffffff0d;border-radius:24px;justify-content:center;align-items:center;width:110px;height:110px;margin:0 auto 20px;display:flex}.service-image{object-fit:contain;width:70px;height:70px}.service-card h3{margin-bottom:12px;font-size:1.15rem}.service-short{color:#cbd5e1;min-height:60px;margin-bottom:18px;line-height:1.8}.service-price{color:#22d3ee;background:#22d3ee1a;border-radius:999px;margin-bottom:18px;padding:10px 16px;font-weight:700;display:inline-block}.service-btn{z-index:3;cursor:pointer;color:#fff;background:linear-gradient(135deg,#7c3aed,#06b6d4);border:none;border-radius:16px;padding:13px 20px;font-weight:800;position:relative}@media (width<=1100px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.services-section{padding:70px 6%}.services-grid{grid-template-columns:1fr}.service-card{padding:22px}}.products-section{direction:rtl;padding:100px 8%}.products-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.product-card{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:28px;padding:30px;transition:all .35s;position:relative;overflow:hidden}.product-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:60%;height:300%;transition:all .8s;position:absolute;top:-150%;left:-50%;transform:rotate(25deg)}.product-card:hover:after{left:140%}.product-card:hover{border-color:#22d3ee59;transform:translateY(-12px)scale(1.02);box-shadow:0 25px 60px #22d3ee24,0 0 0 1px #22d3ee1f}.product-image{object-fit:contain;width:90px;height:90px;margin-bottom:20px}.product-card h3{margin-bottom:12px;font-size:1.25rem}.product-short{color:#cbd5e1;margin:15px 0 22px;line-height:1.8}.product-status{border-radius:999px;padding:8px 14px;font-size:.8rem;font-weight:800;position:absolute;top:15px;left:15px}.available{color:#10b981;background:#10b98126}.coming-soon{color:#f59e0b;background:#f59e0b26}@media (width<=768px){.products-section{padding:70px 6%}.products-grid{grid-template-columns:1fr}.product-card{padding:24px}}.contact-section{direction:rtl;padding:100px 8%}.contact-form{flex-direction:column;gap:18px;max-width:800px;margin:auto;display:flex}.contact-form input,.contact-form textarea,.contact-form select{color:#fff;resize:none;background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;outline:none;width:100%;padding:16px;font-size:1rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#94a3b8}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61f}.contact-form button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#7c3aed,#06b6d4);border:none;border-radius:18px;padding:16px;font-size:1rem;font-weight:800;transition:all .3s}.contact-form button:hover{transform:translateY(-4px);box-shadow:0 20px 50px #7c3aed40}@media (width<=768px){.contact-section{padding:70px 6%}}.contact-form select{appearance:none;cursor:pointer}.contact-form select option{color:#fff;background:#0f172a}.footer{border-top:1px solid #ffffff14;margin-top:50px;padding:80px 8% 50px}.footer-content{text-align:center}.footer-content h2{margin-bottom:10px;font-size:2rem}.footer-content p{color:#94a3b8;margin-bottom:25px}.footer-socials{justify-content:center;align-items:center;gap:18px;margin-bottom:30px;display:flex}.footer-socials a{color:#fff;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;font-size:1.2rem;text-decoration:none;transition:all .3s;display:flex}.footer-socials a:hover{background:linear-gradient(135deg,#7c3aed,#06b6d4);transform:translateY(-6px);box-shadow:0 20px 50px #7c3aed40}.footer-content span{color:#64748b;font-size:.9rem}@media (width<=768px){.footer{padding:60px 6% 40px}.footer-socials{gap:14px}.footer-socials a{width:50px;height:50px}}.floating-navbar{z-index:999;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;background:#0f172acc;border:1px solid #ffffff14;border-radius:999px;gap:18px;padding:14px 22px;transition:all .35s;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)translateY(-100px)}.show-navbar{opacity:1;transform:translate(-50%)translateY(0)}.floating-navbar a{color:#fff;font-size:.95rem;text-decoration:none;transition:all .25s}.floating-navbar a:hover{color:#22d3ee}@media (width<=768px){.floating-navbar{justify-content:center;gap:12px;width:90%;padding:12px 18px}.floating-navbar a{font-size:.85rem}}.courses-section{direction:rtl;padding:100px 8%}.courses-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.course-card{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:28px;padding:30px}.course-card img{object-fit:contain;width:90px;height:90px;margin-bottom:20px}.course-card h3{margin-bottom:12px}.course-card p{color:#cbd5e1;margin-bottom:18px;line-height:1.8}.course-card span{color:#f59e0b;background:#f59e0b26;border-radius:999px;padding:9px 16px;font-weight:800;display:inline-block}@media (width<=768px){.courses-section{padding:70px 6%}.courses-grid{grid-template-columns:1fr}}