@import "https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Tajawal:wght@300;400;500;700;800&display=swap";:root{--primary-color:#facc15;--secondary-color:#0b1930;--accent-color:#38bdf8;--accent-hover:#0284c7;--bg-color:#030811;--bg-secondary:#0b193066;--text-color:#e2e8f0;--text-muted:#94a3b8;--card-bg:#0b193099;--white:#fff;--font-heading:"Amiri", serif;--font-body:"Tajawal", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-color);direction:ltr;line-height:1.6;position:relative}body:before{content:"";pointer-events:none;z-index:9999;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}[data-theme=light] body:before{opacity:.06}h1,h2,h3,h4,h5,h6,.section-title{font-family:var(--font-heading)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.section-title{text-align:center;color:var(--primary-color);text-shadow:0 0 15px #facc154d;margin-bottom:3rem;font-size:2.5rem;font-weight:800;position:relative}.section-title:after{content:"";background-color:var(--accent-color);width:80px;height:3px;box-shadow:0 0 10px var(--accent-color);border-radius:2px;margin:1rem auto 0;display:block}.btn{font-family:var(--font-heading);cursor:pointer;color:var(--primary-color);text-align:center;background:#0b1930cc;border:1px solid #facc154d;border-radius:2rem;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 0 15px #facc151a}.btn:before{content:"";background:linear-gradient(90deg,#0000,#facc1533,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 0 25px #facc1566}.btn-accent{color:var(--accent-color);border:1px solid #38bdf880;box-shadow:0 0 15px #38bdf833}.btn-accent:before{background:linear-gradient(90deg,#0000,#38bdf84d,#0000)}.btn-accent:hover{border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 0 25px #38bdf899}.btn-outline{border:1px solid var(--primary-color);color:var(--primary-color);background:0 0}.btn-outline:hover{background:#facc151a}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background-color:#030811d9;border-bottom:1px solid #ffffff0d;padding:1rem 0;transition:transform .3s ease-in-out;position:sticky;top:0;box-shadow:0 2px 20px #00000080}.navbar-hidden{transform:translateY(-100%)}.navbar .container{justify-content:space-between;align-items:center;display:flex}.nav-logo{color:var(--primary-color);align-items:center;gap:.5rem;font-size:1.8rem;font-weight:800;text-decoration:none;display:flex}.nav-logo span{color:var(--accent-color)}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-color);font-weight:600;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--accent-color)}.mobile-menu-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;font-size:1.8rem;display:none}.hero-cosmic{color:var(--white);text-align:center;background:radial-gradient(circle,#0b1930 0%,#030811 100%);align-items:center;min-height:80vh;padding:8rem 0 12rem;display:flex;position:relative;overflow:hidden}.cosmic-background{z-index:1;position:absolute;inset:0}.stars,.twinkling{width:100%;height:100%;display:block;position:absolute;inset:0}.stars{z-index:0;background:#000 url(https://www.transparenttextures.com/patterns/stardust.png) top}.twinkling{z-index:1;opacity:.5;background:url(https://www.transparenttextures.com/patterns/stardust.png) top;animation:200s linear infinite move-twink-back}.glow{z-index:2;background:radial-gradient(circle,#ffd70026 0%,#0b193000 70%);border-radius:50%;width:60vw;height:60vw;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}@keyframes move-twink-back{0%{background-position:0 0}to{background-position:-10000px 5000px}}.hero-content-wrapper{z-index:10;flex-direction:column;align-items:center;gap:3rem;width:100%;display:flex;position:relative}.quranic-verse{margin-bottom:1rem}.verse-text{color:#fff;text-shadow:0 0 10px #ffd700cc,0 0 20px #ffd70099,0 0 30px #ffd70066,0 0 40px #d97706cc;font-family:Amiri,Cairo,serif;font-size:3.5rem;font-weight:700;animation:3s infinite alternate pulse-glow}@keyframes pulse-glow{0%{text-shadow:0 0 10px #ffd700b3,0 0 20px #ffd70080;transform:scale(1)}to{text-shadow:0 0 15px gold,0 0 30px #ffd700cc,0 0 40px #d9770699;transform:scale(1.02)}}.hero-text h1{text-shadow:0 2px 4px #00000080;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.2}.hero-text p{opacity:.9;text-shadow:0 1px 3px #00000080;max-width:800px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.25rem}.hero-btns{justify-content:center;gap:1rem;display:flex}.silhouette-container{z-index:5;pointer-events:none;width:100%;height:250px;position:absolute;bottom:0;left:0}.mountains-silhouette{background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1440 320\"><path fill=\"%2302040a\" fill-opacity=\"1\" d=\"M0,192L48,197.3C96,203,192,213,288,218.7C384,224,480,224,576,213.3C672,203,768,181,864,181.3C960,181,1056,203,1152,202.7C1248,203,1344,181,1392,170.7L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"></path></svg>") bottom/cover no-repeat;width:100%;height:150px;position:absolute;bottom:0;left:0}.person-silhouette{z-index:6;background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 200\"><path fill=\"%2302040a\" d=\"M50 10 C58 10 65 17 65 25 C65 33 58 40 50 40 C42 40 35 33 35 25 C35 17 42 10 50 10 Z M 40 45 L 60 45 C 70 45 75 55 75 70 L 65 130 L 55 130 L 55 190 L 45 190 L 45 130 L 35 130 L 25 70 C 25 55 30 45 40 45 Z\"/></svg>") bottom/contain no-repeat;width:60px;height:150px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.cosmic-swirl{filter:blur(80px);z-index:0;opacity:.4;border-radius:50%;animation:10s ease-in-out infinite alternate float-swirl;position:absolute}.swirl-1{background:#facc1526;width:400px;height:400px;top:10%;left:-100px}.swirl-2{background:#38bdf826;width:500px;height:500px;bottom:10%;right:-150px}.asteroid{z-index:0;background:linear-gradient(135deg,#facc15,#b45309);border-radius:40% 60% 70% 30%;width:15px;height:15px;animation:20s linear infinite float-asteroid;position:absolute;box-shadow:0 0 10px #facc1580}@keyframes float-swirl{0%{transform:scale(1)translate(0)}to{transform:scale(1.2)translate(50px,-50px)}}@keyframes float-asteroid{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(500px,-500px)rotate(360deg)}}.courses{background-color:#0000}.courses-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.course-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #facc1533;border-radius:40px 10px;flex-direction:column;transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080,inset 0 0 20px #facc151a}.course-card:hover{border-color:#facc1566;transform:translateY(-15px)scale(1.02);box-shadow:0 20px 40px #000000b3,inset 0 0 25px #facc1526}.course-img{height:200px;color:var(--primary-color);text-shadow:0 0 30px #facc15e6,0 0 50px #facc1580;filter:sepia(.8)saturate(3)hue-rotate(5deg);background:linear-gradient(135deg,#0b193066,#030811b3);border-bottom:1px dashed #facc1533;border-radius:40px 10px 0 0;justify-content:center;align-items:center;font-size:6rem;animation:4s ease-in-out infinite float-icon;display:flex}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.course-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.course-age{color:var(--accent-color);margin-bottom:.5rem;font-size:.9rem;font-weight:700}.course-title{color:#fff;text-shadow:0 0 10px #facc1566;margin-bottom:1rem;font-size:1.4rem;font-weight:800}.course-card .btn{width:100%;margin-top:auto}.instructors{background-color:var(--bg-secondary)}.instructors-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.instructor-card{background:var(--card-bg);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #38bdf81a;border-radius:1.5rem;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #00000080}.instructor-card:hover{border-color:#38bdf866;transform:translateY(-15px)scale(1.02);box-shadow:0 20px 40px #000000b3,inset 0 0 20px #38bdf81a}.instructor-avatar{width:100px;height:100px;color:var(--accent-color);border:2px solid var(--accent-color);text-shadow:0 0 10px var(--accent-color);background:radial-gradient(circle,#38bdf833,#0000);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2.5rem;display:flex;box-shadow:0 0 20px #38bdf84d}.instructor-name{margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.instructor-role{color:var(--text-muted);font-size:.9rem}.testimonials{background-color:var(--bg-color)}.testimonial-card{background:var(--card-bg);border-left:4px solid var(--primary-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;margin-bottom:1.5rem;padding:2rem;box-shadow:0 10px 30px #00000080}.testimonial-text{color:#cbd5e1;margin-bottom:1rem;font-size:1.1rem;font-style:italic;line-height:1.8}.footer{color:#fff;background:#030811f2;border-top:1px solid #ffffff0d;padding:4rem 0 2rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem;display:grid}.footer-col h3{color:var(--accent-color);margin-bottom:1.5rem;font-size:1.25rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.8rem}.footer-links a{color:#fffc;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--accent-color)}.footer-bottom{text-align:center;color:#fff9;border-top:1px solid #ffffff1a;padding-top:2rem}@media (width<=768px){.navbar .container{flex-wrap:wrap}.nav-logo{order:0}.mobile-menu-btn{order:1;margin-left:1rem;margin-right:auto;display:block}.login-btn{order:2}.nav-links{text-align:center;border-top:1px solid #0000000d;flex-direction:column;order:3;gap:1rem;width:100%;margin-top:1rem;padding:1rem 0;display:none}.nav-links.active{display:flex}.verse-text{font-size:1.8rem}.hero-text h1{font-size:2.2rem}.hero-cosmic{padding:6rem 0 10rem}.hero-btns{flex-direction:column}}.admin-layout{background-color:var(--bg-color);min-height:100vh;display:flex}.admin-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#0b1930f2;border-right:1px solid #facc1533;flex-direction:column;width:260px;padding:2rem 1.5rem;display:flex}.admin-sidebar-logo{color:#fff;text-shadow:0 0 15px #facc1580;margin-bottom:3rem;font-size:1.5rem;font-weight:800;text-decoration:none;display:block}.admin-sidebar-logo span{color:var(--primary-color)}.admin-nav{flex-direction:column;gap:1rem;display:flex}.admin-nav a{color:#ffffffb3;border-radius:.5rem;padding:.8rem 1rem;font-weight:600;text-decoration:none;transition:all .3s}.admin-nav a:hover,.admin-nav a.active{color:#fff;background-color:#ffffff1a}.admin-content{flex-grow:1;padding:2rem 3rem;position:relative;overflow-y:auto}.admin-header{border-bottom:1px dashed #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.admin-header h2{color:var(--primary-color);text-shadow:0 0 10px #facc154d;font-size:1.8rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.stat-card{background:var(--card-bg);text-align:center;border-bottom:4px solid var(--accent-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #38bdf833;border-radius:1.5rem;padding:2rem;transition:all .3s;box-shadow:0 10px 30px #00000080,inset 0 0 15px #38bdf81a}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0009,inset 0 0 25px #38bdf833}.stat-value{color:var(--primary-color);text-shadow:0 0 15px #facc1566;margin-bottom:.5rem;font-size:3rem;font-weight:800}.stat-label{color:#cbd5e1;font-weight:600}.admin-table-container{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #facc151a;border-radius:1.5rem;overflow:hidden;box-shadow:0 10px 30px #00000080}.admin-table{border-collapse:collapse;width:100%;color:var(--text-color)}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:1rem 1.5rem}.admin-table th{color:var(--primary-color);background:#0006;font-weight:600}.admin-table tr:hover{background-color:#facc150d}.form-group{margin-bottom:1.5rem}.form-label{color:var(--accent-color);margin-bottom:.5rem;font-weight:600;display:block}.form-control{color:#fff;background:#0000004d;border:1px solid #38bdf84d;border-radius:.5rem;width:100%;padding:.8rem 1rem;font-family:inherit;transition:all .3s}.form-control:focus{border-color:var(--primary-color);background:#00000080;outline:none;box-shadow:0 0 15px #facc154d}[data-theme=light]{--primary-color:#b45309;--secondary-color:#fdfbf7;--accent-color:#0369a1;--accent-hover:#075985;--bg-color:#faf5eb;--bg-secondary:#f0e9deb3;--text-color:#1e293b;--text-muted:#64748b;--card-bg:#ffffffe6;--white:#0f172a}[data-theme=light] .hero-cosmic{background:radial-gradient(circle,#fdfbf7 0%,#f1f5f9 50%,#e2e8f0 100%)}[data-theme=light] .stars,[data-theme=light] .twinkling{filter:invert(.8)sepia()hue-rotate(180deg)opacity(.15)}[data-theme=light] .glow{background:radial-gradient(circle,#d977060d 0%,#fdfbf700 70%)}[data-theme=light] .mountains-silhouette{background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1440 320\"><path fill=\"%23e2e8f0\" fill-opacity=\"1\" d=\"M0,192L48,197.3C96,203,192,213,288,218.7C384,224,480,224,576,213.3C672,203,768,181,864,181.3C960,181,1056,203,1152,202.7C1248,203,1344,181,1392,170.7L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"></path></svg>") bottom no-repeat}[data-theme=light] .person-silhouette{background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 200\"><path fill=\"%2394a3b8\" d=\"M50 10 C58 10 65 17 65 25 C65 33 58 40 50 40 C42 40 35 33 35 25 C35 17 42 10 50 10 Z M 40 45 L 60 45 C 70 45 75 55 75 70 L 65 130 L 55 130 L 55 190 L 45 190 L 45 130 L 35 130 L 25 70 C 25 55 30 45 40 45 Z\"/></svg>") bottom no-repeat}[data-theme=light] .course-card{border:1px solid #0000000d;box-shadow:0 10px 20px #00000008,inset 0 0 20px #fffc}[data-theme=light] .course-card:hover{border-color:#b4530933;box-shadow:0 15px 30px #0000000f,inset 0 0 25px #fff}[data-theme=light] .course-title{color:#1e293b;text-shadow:none}[data-theme=light] .verse-text{color:#1e293b;text-shadow:0 0 15px #fffc}[data-theme=light] .admin-sidebar{color:#1e293b;background:#fdfbf7f2;border-right:1px solid #0000000d}[data-theme=light] .admin-sidebar-logo,[data-theme=light] .admin-nav a{color:#1e293b}[data-theme=light] .admin-nav a:hover,[data-theme=light] .admin-nav a.active{color:var(--primary-color);background-color:#0000000a}[data-theme=light] .navbar{background-color:#fdfbf7d9;border-bottom:1px solid #0000000d}[data-theme=light] .stat-card{border-top:1px solid #0000000d;border-bottom:4px solid var(--accent-color);box-shadow:0 5px 15px #00000008}[data-theme=light] .admin-table th{color:var(--accent-color);background:#00000008}[data-theme=light] .admin-table td{border-bottom:1px solid #0000000d}[data-theme=light] .form-control{color:#1e293b;background:#ffffffe6;border-color:#0000001a}[data-theme=light] .form-control:focus{border-color:var(--primary-color);background:#fff;box-shadow:0 0 10px #b453091a}[data-theme=light] .btn{color:var(--primary-color);background:#ffffffe6;border-color:#b4530933}[data-theme=light] .btn-accent{color:var(--accent-color);border-color:#0369a133}[data-theme=light] .footer{color:#475569;background:#f1f5f9;border-top:1px solid #0000000d}[data-theme=light] .footer-links a{color:#475569}[data-theme=light] .footer-links a:hover{color:var(--primary-color)}.faq-accordion{max-width:800px;margin:0 auto}.faq-item{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #facc1533;border-radius:1rem;margin-bottom:1rem;transition:all .3s;overflow:hidden}.faq-item:hover{border-color:#38bdf866;box-shadow:0 5px 15px #38bdf81a}.faq-question{text-align:left;width:100%;color:var(--text-color);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.5rem;font-size:1.2rem;font-weight:700;display:flex}.faq-icon{color:var(--primary-color);font-size:1.5rem;transition:transform .3s}.faq-item.active .faq-icon{color:var(--accent-color);transform:rotate(45deg)}.faq-item.active{border-color:var(--accent-color);box-shadow:0 0 20px #38bdf833}.faq-answer{max-height:0;color:var(--text-muted);padding:0 1.5rem;line-height:1.6;transition:max-height .3s ease-out,padding .3s;overflow:hidden}.faq-item.active .faq-answer{max-height:500px;padding:0 1.5rem 1.5rem}[data-theme=light] .faq-item{border-color:#0000001a}[data-theme=light] .faq-item:hover{border-color:#0369a14d;box-shadow:0 5px 15px #0000000d}[data-theme=light] .faq-item.active{border-color:var(--accent-color);background:#fff}.fab-consultation{color:#111827;cursor:pointer;z-index:9999;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#facc15,#f59e0b,#ef4444) 0 0/200% 200%;border:2px solid #ffffff80;border-radius:4rem;padding:1.2rem 2.5rem;font-size:1.3rem;font-weight:900;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:2s infinite attention-grabber,3s infinite gradient-shift;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 30px #f59e0b99}.fab-consultation:hover{animation-play-state:paused;transform:translateY(-8px)scale(1.1);box-shadow:0 20px 40px #ef4444cc}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes attention-grabber{0%{transform:scale(1)rotate(0);box-shadow:0 0 #f59e0bb3}10%{transform:scale(1.1)rotate(-3deg)}20%{transform:scale(1.1)rotate(3deg)}30%{transform:scale(1)rotate(0);box-shadow:0 0 0 20px #f59e0b00}to{transform:scale(1)rotate(0);box-shadow:0 0 #f59e0b00}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#030811cc;justify-content:center;align-items:center;animation:.3s ease-out forwards fade-in;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border:1px solid #38bdf84d;border-radius:2rem;width:90%;max-width:500px;padding:3rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards pop-in;position:relative;transform:scale(.9);box-shadow:0 0 40px #38bdf833,inset 0 0 20px #facc151a}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .3s;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:#ef4444}@keyframes pop-in{to{transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.pricing-card{background:var(--card-bg);text-align:center;border:1px solid #ffffff0d;border-radius:2rem;flex-direction:column;height:100%;padding:3rem 2rem;transition:all .4s;display:flex;position:relative;overflow:hidden}.pricing-card.premium{border-color:#facc1566;transform:translateY(-10px);box-shadow:0 10px 40px #facc1526,inset 0 0 20px #facc150d}.pricing-card:hover{border-color:#38bdf866;transform:translateY(-15px);box-shadow:0 15px 40px #38bdf833}.pricing-card.premium:hover{border-color:var(--primary-color);box-shadow:0 15px 50px #facc154d}.pricing-price{color:var(--text-color);margin:1.5rem 0;font-size:3rem;font-weight:800}.pricing-features{text-align:left;flex-grow:1;margin:2rem 0;padding:0;list-style:none}.pricing-features li{color:var(--text-muted);align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.pricing-features li:before{content:"✦";color:var(--primary-color)}.stats-container{background:linear-gradient(90deg,#030811e6,#0f172af2,#030811e6);border-top:1px solid #38bdf833;border-bottom:1px solid #38bdf833;flex-wrap:wrap;justify-content:space-around;gap:2rem;padding:3rem;display:flex}.stat-box{text-align:center}.stat-number{background:linear-gradient(90deg,#38bdf8,#facc15);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-family:Courier New,Courier,monospace;font-size:4rem;font-weight:900}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:1.1rem}.islamic-frame{background:var(--card-bg);clip-path:polygon(50% 0%,80% 10%,100% 35%,100% 70%,80% 90%,50% 100%,20% 90%,0% 70%,0% 35%,20% 10%);border-radius:10px;justify-content:center;align-items:center;width:250px;height:250px;transition:all .5s;display:flex;position:relative;overflow:hidden}.islamic-frame img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.islamic-frame:hover img{transform:scale(1.1)}.btn-audio{border:1px solid var(--accent-color);color:var(--accent-color);cursor:pointer;background:#0369a133;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .3s;display:inline-flex}.btn-audio:hover{background:var(--accent-color);color:#fff;box-shadow:0 0 15px #38bdf880}.constellation-map{background:radial-gradient(circle,#0f172acc 0%,#030811 100%);border:1px solid #ffffff0d;border-radius:2rem;width:100%;height:600px;position:relative;overflow:hidden}.star-student{background:var(--card-bg);cursor:pointer;border:2px solid #facc1580;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .4s;display:flex;position:absolute;overflow:hidden;box-shadow:0 0 20px #facc1566}.star-student img{object-fit:cover;width:100%;height:100%}.star-student:hover{border-color:var(--accent-color);z-index:20;transform:scale(1.5);box-shadow:0 0 40px #38bdf8cc}.star-tooltip{border:1px solid var(--accent-color);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:21;background:#030811f2;border-radius:1rem;padding:.8rem 1.2rem;font-size:.9rem;transition:all .3s;position:absolute;top:-60px;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 5px 15px #00000080}.star-student:hover .star-tooltip{opacity:1;transform:translate(-50%)translateY(0)}[data-theme=light] .fab-consultation{box-shadow:0 10px 25px #b453094d}[data-theme=light] .stats-container{background:linear-gradient(90deg,#f8fafce6,#fff,#f8fafce6);border-color:#0000000d}[data-theme=light] .stat-label{color:#475569}[data-theme=light] .constellation-map{background:radial-gradient(circle,#f1f5f9cc 0%,#fdfbf7 100%);border:1px solid #0000000d}[data-theme=light] .star-student{border-color:var(--primary-color);box-shadow:0 0 20px #b4530933}