@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;900&display=swap);:root{--primary-color:#66fcf1;--secondary-color:#45a29e;--accent-color:#66fcf1;--dark-bg:#0b0c10;--medium-bg:#1f2833;--light-bg:#c5c6c7;--text-dark:#0b0c10;--text-light:#c5c6c7;--white:#fff;--border-radius:16px;--transition:all .3s cubic-bezier(.4,0,.2,1);--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.3);--shadow-lg:0 8px 32px rgba(0,0,0,.4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-dark);background:var(--light-bg);overflow-x:hidden}body.rtl{font-family:'Cairo','Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body.rtl{direction:rtl;text-align:right}body.ltr{direction:ltr;text-align:left}.navbar{position:fixed;top:0;left:0;right:0;background:var(--dark-bg);backdrop-filter:blur(10px);padding:1rem 2rem;box-shadow:var(--shadow-sm);z-index:1000;transition:var(--transition)}.navbar-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:bold;color:var(--primary-color);text-decoration:none}.logo img{width:40px;height:40px}.nav-menu{display:flex;list-style:none;gap:2rem;align-items:center}.nav-menu a{text-decoration:none;color:var(--light-bg);font-weight:500;transition:var(--transition);position:relative}.nav-menu a:hover{color:var(--primary-color)}.nav-menu a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-color);transition:var(--transition)}.nav-menu a:hover::after{width:100%}.lang-switcher{display:flex;gap:.5rem;align-items:center}.lang-btn{padding:.5rem 1rem;border:2px solid var(--primary-color);background:transparent;color:var(--primary-color);border-radius:8px;cursor:pointer;font-weight:600;transition:var(--transition)}.lang-btn:hover,.lang-btn.active{background:var(--primary-color);color:var(--white);transform:translateY(-2px)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:.5rem;z-index:1001}.hamburger span{width:28px;height:3px;background:var(--primary-color);border-radius:3px;transition:var(--transition)}.hamburger.active span:nth-child(1) {transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2) {opacity:0}.hamburger.active span:nth-child(3) {transform:rotate(-45deg) translate(7px,-7px)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1f2833 0%,#0b0c10 100%);position:relative;overflow:hidden;padding:6rem 2rem 2rem}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url(data:image/svg+xml,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ viewBox=\"0\ 0\ 1440\ 320\"><path\ fill=\"%23ffffff\"\ fill-opacity=\"0.1\"\ d=\"M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,112C672,96,768,96,864,112C960,128,1056,160,1152,160C1248,160,1344,128,1392,112L1440,96L1440,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>) no-repeat bottom;background-size:cover}.hero-content{position:relative;z-index:1;text-align:center;color:var(--white);max-width:1200px}.hero h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1.5rem;animation:fadeInUp .8s ease-out}.hero p{font-size:clamp(1rem,2vw,1.25rem);margin-bottom:2rem;opacity:.9;animation:fadeInUp .8s ease-out .2s backwards}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease-out .4s backwards}.btn{padding:1rem 2rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-block}.btn-primary{background:var(--white);color:var(--primary-color)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.btn-outline{background:transparent;color:var(--white);border:2px solid var(--white)}.btn-outline:hover{background:var(--white);color:var(--primary-color);transform:translateY(-3px)}.mindmap-section{padding:4rem 2rem;background:var(--medium-bg)}.section-title{text-align:center;font-size:clamp(2rem,4vw,2.5rem);margin-bottom:3rem;color:var(--primary-color)}.mindmap-section p{color:var(--light-bg)}.mindmap-container{max-width:1400px;margin:0 auto;display:flex;justify-content:center;align-items:center;position:relative}.mindmap{position:relative;width:100%;max-width:1200px;padding:3rem}.center-node{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);padding:2rem 3rem;border-radius:50%;width:200px;height:200px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.2rem;font-weight:bold;box-shadow:var(--shadow-lg);cursor:pointer;transition:var(--transition);z-index:10}.center-node:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 12px 48px rgba(99,102,241,.4)}.branch-node{position:absolute;background:var(--white);padding:1.5rem 2rem;border-radius:var(--border-radius);box-shadow:var(--shadow-md);cursor:pointer;transition:var(--transition);max-width:250px;border:3px solid transparent}.branch-node:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.branch-node.collapsed{background:var(--primary-color);color:var(--white);padding:1rem 1.5rem}.branch-node.collapsed .node-content{display:none}.branch-node.collapsed .node-title::after{content:' +';font-size:1.5rem;margin-left:.5rem}.branch-node.expanded .node-title::after{content:' −';font-size:1.5rem;margin-left:.5rem}.node-title{font-size:1.1rem;font-weight:bold;color:var(--primary-color);margin-bottom:.75rem}.branch-node.collapsed .node-title{color:var(--white);margin-bottom:0}.node-content{font-size:.95rem;color:var(--text-light);line-height:1.6}.node-1{top:10%;left:50%;transform:translateX(-50%)}.node-2{top:25%;right:10%}.node-3{top:50%;right:5%;transform:translateY(-50%)}.node-4{bottom:25%;right:10%}.node-5{bottom:10%;left:50%;transform:translateX(-50%)}.node-6{bottom:25%;left:10%}.node-7{top:50%;left:5%;transform:translateY(-50%)}.node-8{top:25%;left:10%}.mindmap-line{position:absolute;background:linear-gradient(90deg,var(--primary-color),transparent);height:2px;transform-origin:left center;pointer-events:none;z-index:1;opacity:.3}.content-section{padding:4rem 2rem;background:var(--dark-bg)}.content-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.content-card{background:var(--medium-bg);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition);text-decoration:none;color:var(--light-bg);border:2px solid transparent}.content-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.content-card-image{width:100%;height:250px;object-fit:cover;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:var(--dark-bg);font-size:4rem}.content-card-body{padding:2rem}.content-card-title{font-size:1.5rem;margin-bottom:1rem;color:var(--primary-color)}.content-card-description{color:var(--light-bg);line-height:1.6}.media-section{min-height:100vh;padding:8rem 2rem 4rem;background:var(--medium-bg)}.media-container{max-width:1200px;margin:0 auto}.media-player{background:var(--dark-bg);border-radius:var(--border-radius);padding:3rem;box-shadow:var(--shadow-lg);border:2px solid var(--primary-color)}.audio-player-wrapper,.video-player-wrapper{margin:2rem 0}.audio-player-custom{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:2rem;border-radius:var(--border-radius);color:var(--dark-bg)}.audio-controls{display:flex;align-items:center;gap:1rem;margin-top:1rem}.play-btn{width:60px;height:60px;border-radius:50%;background:var(--dark-bg);color:var(--primary-color);border:none;font-size:1.5rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.play-btn:hover{transform:scale(1.1);box-shadow:0 0 20px var(--primary-color)}.progress-bar{flex:1;height:8px;background:rgba(11,12,16,.3);border-radius:4px;overflow:hidden;cursor:pointer}.progress-fill{height:100%;background:var(--dark-bg);width:0%;transition:width .1s linear}video{width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow-md)}.detail-page{min-height:100vh;padding:8rem 2rem 4rem;background:var(--medium-bg)}.detail-container{max-width:1000px;margin:0 auto;background:var(--dark-bg);border-radius:var(--border-radius);padding:3rem;box-shadow:var(--shadow-lg);border:2px solid var(--primary-color)}.detail-header{margin-bottom:2rem}.detail-title{font-size:clamp(2rem,4vw,3rem);color:var(--primary-color);margin-bottom:1rem}.detail-content{line-height:1.8;font-size:1.1rem;color:var(--light-bg)}.detail-content h2{color:var(--primary-color);margin:2rem 0 1rem;font-size:1.8rem}.detail-content h3{color:var(--secondary-color);margin:1.5rem 0 .75rem;font-size:1.4rem}.detail-content p{margin-bottom:1rem}.detail-content ul,.detail-content ol{margin:1rem 0 1rem 2rem}.detail-content li{margin-bottom:.5rem}.back-btn{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem;color:var(--primary-color);text-decoration:none;font-weight:600;transition:var(--transition)}.back-btn:hover{gap:1rem}.footer{background:var(--dark-bg);color:var(--white);padding:3rem 2rem 1rem;text-align:center}.footer-content{max-width:1400px;margin:0 auto}.footer p{opacity:.8}@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}.animate-pulse{animation:pulse 2s infinite}@media (max-width:768px){.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:var(--dark-bg);width:100%;text-align:center;transition:var(--transition);box-shadow:var(--shadow-lg);padding:2rem 0}.nav-menu a{color:var(--light-bg)}.nav-menu.active{left:0}.lang-switcher{margin-top:1rem}.mindmap{padding:1rem;height:800px}.center-node{width:150px;height:150px;font-size:1rem;padding:1.5rem}.branch-node{max-width:180px;padding:1rem 1.25rem;font-size:.85rem}.content-grid{grid-template-columns:1fr;gap:1.5rem}.content-card-image{height:120px;font-size:2.5rem}.content-card-description{display:none}.content-card-body{padding:1.25rem}.content-card-title{font-size:1.2rem;margin-bottom:0}.content-grid .content-card:nth-child(1),
    .content-grid .content-card:nth-child(2),
    .content-grid .content-card:nth-child(3) {grid-column:span 1}@media (min-width: 480px) {
        .content-grid {
            grid-template-columns: repeat(3, 1fr);
            gap: 1rem;
        }
        
        .content-grid .content-card:nth-child(1),
        .content-grid .content-card:nth-child(2),
        .content-grid .content-card:nth-child(3) {
            grid-column: span 1;
        }
        
        .content-grid .content-card:nth-child(4),
        .content-grid .content-card:nth-child(5) {
            grid-column: span 1;
        }
        
        /* وسط البطاقتين الأخيرتين */
        .content-grid .content-card:nth-child(4) {
            grid-column: 1 / 2;
            margin-left: auto;
            margin-right: 0.5rem;
        }
        
        .content-grid .content-card:nth-child(5) {
            grid-column: 2 / 3;
            margin-right: auto;
            margin-left: 0.5rem;
        }
    }.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}}@media (max-width:480px){.navbar{padding:1rem}.hero{padding:5rem 1rem 2rem}.detail-container{padding:2rem 1.5rem}.media-player{padding:2rem 1.5rem}}.rtl .nav-menu a::after{right:0;left:auto}.rtl .back-btn:hover{gap:1rem;transform:translateX(5px)}.rtl .detail-content ul,.rtl .detail-content ol{margin:1rem 2rem 1rem 0}.loader{border:4px solid rgba(99,102,241,.1);border-top:4px solid var(--primary-color);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}