:root{--primary:#1a365d;--primary-light:#2c5282;--primary-lighter:#4299e1;--secondary:#38b2ac;--accent:#f56565;--light:#f7fafc;--dark:#2d3748;--darker:#1a202c;--gray:#a0aec0;--gray-light:#e2e8f0;--white:#ffffff;--success:#48bb78;--warning:#ed8936;--danger:#f56565;--transition:all 0.3s ease;--content-width:1000px;--border-radius:8px;--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);}*{box-sizing:border-box;margin:0;padding:0;}body{font-family:'Cairo',sans-serif;background-color:var(--light);color:var(--darker);line-height:1.6;overflow-x:hidden;}.hero-header{background:linear-gradient(rgba(26,54,93,0.92),rgba(26,54,93,0.92)),url('https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=1350&q=80');background-size:cover;background-position:center;color:var(--white);padding:4rem 1rem 6rem;text-align:center;position:relative;overflow:hidden;}.quick-nav{display:flex;justify-content:space-between;align-items:center;max-width:var(--content-width);margin:0 auto 2rem;padding:0 1rem;}.quick-nav .logo img{height:auto;transition:var(--transition);}.quick-nav .logo img:hover{opacity:0.9;}.quick-nav .breadcrumb{font-size:0.9rem;color:rgba(255,255,255,0.8);}.quick-nav .breadcrumb a{color:rgba(255,255,255,0.9);text-decoration:none;transition:var(--transition);}.quick-nav .breadcrumb a:hover{color:var(--white);text-decoration:underline;}.quick-nav .breadcrumb span{margin:0 0.3rem;color:rgba(255,255,255,0.6);}.hero-title{font-size:1.8rem;margin-bottom:1rem;font-weight:700;line-height:1.4;}.hero-title .subtitle{display:block;font-size:1.1rem;font-weight:400;margin-top:0.5rem;opacity:0.9;}.hero-description{font-size:1rem;opacity:0.9;max-width:800px;margin:1rem auto 0;font-weight:300;}.hero-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem;}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;text-decoration:none;transition:var(--transition);gap:0.5rem;}.btn-primary{background-color:var(--accent);color:var(--white);box-shadow:var(--shadow-md);}.btn-primary:hover{background-color:#e53e3e;transform:translateY(-2px);box-shadow:var(--shadow-lg);}.btn-secondary{background-color:rgba(255,255,255,0.1);color:var(--white);border:1px solid rgba(255,255,255,0.3);}.btn-secondary:hover{background-color:rgba(255,255,255,0.2);transform:translateY(-2px);}.wave-shape{position:absolute;bottom:0;left:0;width:100%;height:100px;color:var(--white);}.wave-shape svg{display:block;width:100%;height:100%;}.video-container{max-width:var(--content-width);margin:-3rem auto 2rem;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-lg);transition:transform 0.3s ease;position:relative;z-index:2;}.video-container:hover{transform:translateY(-5px);}.video-wrapper{position:relative;padding-bottom:56.25%;background:#000;}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}.video-progress{position:absolute;bottom:0;left:0;height:4px;background:var(--accent);width:0%;transition:width 0.1s linear;}.social-share{text-align:center;margin:2rem 0;padding:1.5rem;background:rgba(255,255,255,0.9);border-radius:var(--border-radius);max-width:var(--content-width);margin-left:auto;margin-right:auto;box-shadow:var(--shadow-sm);}.social-share .label{display:block;margin-bottom:1rem;color:var(--dark);font-weight:600;font-size:1.1rem;}.social-share a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;line-height:44px;text-align:center;background:var(--light);border-radius:50%;margin:0 6px;color:var(--dark);transition:var(--transition);font-size:1.1rem;box-shadow:var(--shadow-sm);}.social-share a:hover{background:var(--primary);color:white;transform:translateY(-3px);box-shadow:var(--shadow-md);}.content-section{max-width:var(--content-width);margin:2rem auto;padding:0 1rem;background:white;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:2rem;}.highlight-box{background:rgba(66,153,225,0.1);border-right:3px solid var(--secondary);padding:1.5rem;margin:2rem 0;border-radius:0 var(--border-radius) var(--border-radius) 0;transition:var(--transition);}.highlight-box:hover{background:rgba(66,153,225,0.15);box-shadow:var(--shadow-sm);}.highlight-box h2{color:var(--primary);margin-bottom:1rem;font-size:1.3rem;display:flex;align-items:center;gap:0.5rem;}.highlight-box h2 i{color:var(--accent);}.content-paragraph{margin-bottom:1.5rem;font-size:1.05rem;color:var(--dark);text-align:right;line-height:1.8;}.footer{background:var(--darker);color:var(--white);padding:4rem 1rem 2rem;margin-top:4rem;position:relative;}.footer-container{max-width:var(--content-width);margin:0 auto;}.newsletter{text-align:center;margin-bottom:3rem;padding:2rem;background:rgba(255,255,255,0.05);border-radius:var(--border-radius);}.newsletter h3{font-size:1.5rem;margin-bottom:0.5rem;}.newsletter p{opacity:0.8;margin-bottom:1.5rem;}.subscribe-form{display:flex;max-width:500px;margin:0 auto;}.subscribe-form input{flex:1;padding:0.75rem 1rem;border:none;border-radius:var(--border-radius) 0 0 var(--border-radius);font-family:'Cairo',sans-serif;}.subscribe-form input:focus{outline:2px solid var(--primary-lighter);}.btn-subscribe{background:var(--accent);color:var(--white);border:none;padding:0 1.5rem;border-radius:0 var(--border-radius) var(--border-radius) 0;font-weight:600;cursor:pointer;transition:var(--transition);}.btn-subscribe:hover{background:#e53e3e;}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem;}.footer-column h4{font-size:1.1rem;margin-bottom:1rem;position:relative;padding-bottom:0.5rem;}.footer-column h4::after{content:'';position:absolute;bottom:0;right:0;width:50px;height:2px;background:var(--accent);}.footer-column ul{list-style:none;padding:0;}.footer-column li{margin-bottom:0.5rem;}.footer-column a{color:rgba(255,255,255,0.7);text-decoration:none;transition:var(--transition);}.footer-column a:hover{color:var(--white);padding-right:5px;}.social-links{display:flex;gap:1rem;margin-bottom:1rem;}.social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,0.1);border-radius:50%;color:var(--white);transition:var(--transition);}.social-links a:hover{background:var(--accent);transform:translateY(-3px);}.contact-info p{display:flex;align-items:center;gap:0.5rem;margin:0.5rem 0;opacity:0.8;}.footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1);}.copyright{margin-bottom:1rem;opacity:0.7;}.legal-links{display:flex;gap:1rem;}.legal-links a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:0.9rem;transition:var(--transition);}.legal-links a:hover{color:var(--white);}.page-title{text-align:center;font-size:1.6rem;color:var(--primary);margin:2rem 0 1.5rem;font-weight:600;position:relative;padding-bottom:0.5rem;}.page-title:after{content:'';position:absolute;bottom:0;right:50%;transform:translateX(50%);width:100px;height:3px;background:var(--secondary);border-radius:3px;}.faq-item{margin-bottom:1rem;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition);}.faq-item:hover{box-shadow:var(--shadow-md);}.faq-question{font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:var(--light);color:var(--primary);transition:var(--transition);}.faq-question:hover{background:var(--gray-light);}.faq-question i{transition:var(--transition);}.faq-item.active .faq-question i{transform:rotate(180deg);}.faq-answer{padding:0 1.25rem;max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;}.faq-item.active .faq-answer{padding:0 1.25rem 1.25rem;max-height:500px;}.video-comments{max-width:var(--content-width);margin:2rem auto;padding:2rem;background:#ffffff;border-top:3px solid var(--primary-light);border-radius:var(--border-radius);box-shadow:0 3px 10px rgba(0,0,0,0.05);}.video-comments h2{text-align:center;color:var(--primary);margin-bottom:1.5rem;font-size:1.4rem;display:flex;justify-content:center;align-items:center;gap:0.5rem;}.comment-block{margin-bottom:1.5rem;background:#f7fafc;padding:1.5rem;border-right:4px solid var(--secondary);border-radius:0 var(--border-radius) var(--border-radius) 0;transition:var(--transition);}.comment-block:hover{background:#edf2f7;}.comment-text{font-size:1rem;color:var(--dark);line-height:1.7;}.comment-link{margin-top:0.5rem;font-size:0.9rem;}.comment-link a{color:#1a0dab;font-weight:600;text-decoration:underline;transition:color 0.2s ease;}.comment-link a:hover{color:#0b0080;}.related-videos{max-width:var(--content-width);margin:2rem auto;padding:2rem;background:#ffffff;border-top:3px solid var(--primary);border-radius:var(--border-radius);box-shadow:0 3px 10px rgba(0,0,0,0.05);}.related-videos h2{text-align:center;color:var(--primary);margin-bottom:1.5rem;font-size:1.4rem;display:flex;justify-content:center;align-items:center;gap:0.5rem;}.related-list{list-style:none;padding:0;margin:0;text-align:right;}.related-list li{margin-bottom:0.75rem;padding:0.5rem 0;border-bottom:1px dashed #e2e8f0;}.related-list li:last-child{border-bottom:none;}.related-list a{color:#1a0dab;text-decoration:none;font-weight:normal;font-size:1rem;transition:var(--transition);display:block;padding:0.3rem 0;}.related-list a:hover{color:#0b0080;text-decoration:underline;padding-right:5px;}#back-to-top{position:fixed;bottom:2rem;left:2rem;width:50px;height:50px;border-radius:50%;background:var(--primary);color:white;border:none;cursor:pointer;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:var(--transition);display:flex;align-items:center;justify-content:center;z-index:100;}#back-to-top.visible{opacity:1;visibility:visible;}#back-to-top:hover{background:var(--primary-light);transform:translateY(-3px);}@media (min-width:768px){.hero-header{padding:5rem 1rem 8rem;}.hero-title{font-size:2.2rem;}.content-section{padding:0 2rem;}.content-subheading{font-size:1.4rem;color:var(--primary);margin:2.5rem 0 1rem;border-right:4px solid var(--secondary);padding-right:0.75rem;font-weight:700;}.content-heading{font-size:1.2rem;color:var(--primary-light);margin:2rem 0 1rem;border-right:3px solid var(--accent);padding-right:0.75rem;font-weight:600;}.footer-bottom{flex-direction:row;}.copyright{margin-bottom:0;}}@media (max-width:767px){.hero-header{padding:2rem 1rem 4rem;}.hero-title{font-size:1.5rem;}.hero-description{font-size:0.9rem;}.content-section,.video-comments,.related-videos{padding:1rem;}.highlight-box{padding:1rem;}.page-title{font-size:1.3rem;}.footer-links{flex-direction:column;gap:0.5rem;}.quick-nav{flex-direction:column;gap:1rem;margin-bottom:1.5rem;}.hero-actions{flex-direction:column;gap:1rem;}.btn{width:100%;}}