:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:10,10,10}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));overflow-x:hidden}body,html{margin:0;padding:0;height:100%;background:#000;font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}:root{--palestine-red:#CE1126;--palestine-green:#007A3A;--palestine-black:#000000;--palestine-white:#FFFFFF;--dark-bg:#000000;--darker-bg:#0a0a0a;--text-color:#ffffff;--text-bright:#f8fafc;--text-gray:#e2e8f0;--gray-700:#374151;--gray-800:#1f2937}.content-wrapper{position:relative;z-index:5;min-height:100vh;display:flex;flex-direction:column}.hero{z-index:5;text-align:center;color:#fff;padding:150px 20px;font-family:Poppins,sans-serif;backdrop-filter:brightness(.9)}.flag-scene{position:fixed;z-index:1}.flag,.flag-scene{inset:0;overflow:hidden}.flag{position:absolute;background-size:cover;background-position:50%;animation:wave 6s ease-in-out infinite}@keyframes wave{0%,to{background-position:0 0;transform:skewY(0deg)}50%{background-position:6% 3%;transform:skewY(1deg)}}.flag:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.15),rgba(255,255,255,.05) 20%,rgba(0,0,0,0) 50%,rgba(255,255,255,.08) 80%,rgba(255,255,255,.15));mix-blend-mode:overlay;animation:shimmer 8s linear infinite}.flag.palestine{background:linear-gradient(to bottom,var(--palestine-black) 0 33.3%,var(--palestine-white) 33.3% 66.6%,var(--palestine-green) 66.6% 100%);z-index:3;animation:wave 6s ease-in-out infinite,slideFade 10s ease-in-out infinite;box-shadow:inset 0 0 80px rgba(0,0,0,.3)}.flag.palestine:before{content:"";position:absolute;inset:0;background:var(--palestine-red);clip-path:polygon(0 0,45% 50%,0 100%)}.flag.pakistan{background:linear-gradient(to right,var(--palestine-white) 25%,#01411C 25%);z-index:2;box-shadow:inset 0 0 80px rgba(0,0,0,.25)}.flag.pakistan .crescent{top:48%;left:60%;background:#fff;transform:translate(-50%,-50%) rotate(-25deg);z-index:2}.flag.pakistan .crescent,.flag.pakistan .crescent:after{position:absolute;width:140px;height:140px;border-radius:50%}.flag.pakistan .crescent:after{content:"";top:14px;left:26px;background:#01411C}.flag.pakistan .star{position:absolute;top:45%;left:65%;transform:translate(-50%,-50%) rotate(18deg);z-index:3}.flag.pakistan .star:before{content:"★";font-size:50px;color:#fff;text-shadow:0 0 12px rgba(255,255,255,.8);display:block;transform:rotate(-18deg)}@keyframes slideFade{0%,40%{transform:translateX(0);opacity:1}50%,90%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.content-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3));z-index:4;pointer-events:none}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.glassmorphism{background:rgba(255,255,255,.05)}.glassmorphism,.glassmorphism-dark{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 8px 32px 0 rgba(0,0,0,.2)}.glassmorphism-dark{background:rgba(0,0,0,.3)}.header-top-banner{background:linear-gradient(90deg,var(--palestine-black),var(--palestine-red),var(--palestine-white),var(--palestine-green));background-size:300% 300%;animation:gradientShift 8s ease infinite;padding:10px 0;text-align:center;font-size:.875rem;font-weight:500;position:relative;overflow:hidden}.header-top-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}.header-top-banner p{margin:0;color:white;position:relative;z-index:1}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shimmer{to{left:100%}}.header-main{position:sticky;top:0;z-index:50;width:100%;background:rgba(0,0,0,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.15)}.header-content{justify-content:space-between;height:64px;padding:0 20px;max-width:1200px;margin:0 auto}.header-content,.logo{display:flex;align-items:center}.logo{gap:8px;text-decoration:none}.logo-text{font-size:1.25rem;font-weight:700;background:linear-gradient(45deg,var(--palestine-green),var(--palestine-red));-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 3s ease infinite;background-size:200% 200%}.logo-full{display:none}@media (min-width:640px){.logo-full{display:inline;font-size:1.125rem;font-weight:600}}.nav-links{display:none}@media (min-width:768px){.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{color:var(--text-gray);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .3s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(to right,var(--palestine-green),var(--palestine-red));transition:width .3s ease}.nav-link:hover{color:var(--text-bright)}.nav-link:hover:after{width:100%}}.mobile-menu-btn{color:var(--text-color);background:none;border:none;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:background-color .3s ease}.mobile-menu-btn:hover{background-color:rgba(255,255,255,.1)}@media (min-width:768px){.mobile-menu-btn{display:none}}.mobile-nav{display:block;padding:1rem;background:rgba(0,0,0,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (min-width:768px){.mobile-nav{display:none}}.mobile-nav-links{display:flex;flex-direction:column;gap:.75rem}.mobile-nav-link{color:var(--text-gray);text-decoration:none;padding:.75rem 1rem;border-radius:.5rem;transition:all .3s ease;position:relative;overflow:hidden}.mobile-nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:all .5s ease}.mobile-nav-link:hover:before{left:100%}.mobile-nav-link:hover{background-color:rgba(255,255,255,.1);color:var(--text-bright);transform:translateX(5px)}.hero{position:relative;overflow:hidden;min-height:80vh;display:flex;align-items:center}.hero-bg{top:0;left:0;width:100%;height:100%}.hero-bg,.hero-bg-blob{position:absolute;z-index:-1}.hero-bg-blob{border-radius:50%;mix-blend-mode:overlay;filter:blur(64px);opacity:.4;animation:blob 15s infinite}.hero-bg-blob:first-child{top:25%;left:25%;width:300px;height:300px;background-color:var(--palestine-red)}.hero-bg-blob:nth-child(2){top:33%;right:25%;width:300px;height:300px;background-color:var(--palestine-green);animation-delay:4s}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.2)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.hero-content{text-align:center;max-width:64rem;margin:0 auto;padding:0 1rem;z-index:1;position:relative}.hero-title{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(45deg,var(--palestine-green),var(--text-color),var(--palestine-red));-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 4s ease infinite;background-size:200% 200%;line-height:1.2}@media (min-width:768px){.hero-title{font-size:3rem}}@media (min-width:1024px){.hero-title{font-size:4rem}}.hero-subtitle{font-size:1.125rem;color:var(--text-gray);margin-bottom:2.5rem;max-width:46rem;margin-left:auto;margin-right:auto;line-height:1.6}@media (min-width:768px){.hero-subtitle{font-size:1.25rem}}.hero-buttons{display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.hero-buttons{flex-direction:row;justify-content:center;gap:1.5rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2.5rem;border-radius:9999px;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:none;cursor:pointer;min-width:12rem;position:relative;overflow:hidden;z-index:1}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);z-index:-1;transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(45deg,var(--palestine-green),var(--palestine-red));color:white;box-shadow:0 10px 20px -10px rgba(0,122,61,.5)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px -10px rgba(0,122,61,.6)}.btn-secondary{background:linear-gradient(45deg,var(--palestine-red),var(--palestine-green));color:white;box-shadow:0 10px 20px -10px rgba(210,43,43,.5)}.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 15px 30px -10px rgba(210,43,43,.6)}.course-section{padding-top:8rem;padding-bottom:8rem;position:relative;z-index:1;background:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.05))}@media (min-width:1024px){.course-section{padding:7rem 0}}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:1.875rem;font-weight:800;margin-bottom:1rem;position:relative;display:inline-block;background:linear-gradient(45deg,#ffffff,#f3f4f6,#ffffff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 10px rgba(255,255,255,.3);animation:titleGlow 3s ease-in-out infinite alternate}@keyframes titleGlow{0%{filter:brightness(1.3) saturate(1.3)}to{filter:brightness(1.6) saturate(1.4)}}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:5rem;height:.25rem;background:linear-gradient(to right,var(--palestine-green),var(--palestine-red));border-radius:9999px;box-shadow:0 0 10px rgba(205,43,43,.5)}@media (min-width:1024px){.section-title{font-size:2.25rem}}.course-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:4rem;padding:1rem 0}@media (min-width:768px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem}}@media (min-width:1024px){.course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4rem}}.course-card{background:rgba(255,255,255,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.25);border-radius:1rem;padding:2rem;display:flex;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;z-index:1;box-shadow:0 15px 35px -10px rgba(0,0,0,.4)}.course-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--palestine-green),var(--palestine-red));transform:scaleX(0);transition:transform .4s ease;z-index:2}.course-card:hover:before{transform:scaleX(1)}.course-card:hover{transform:translateY(-8px);box-shadow:0 25px 45px -10px rgba(0,0,0,.5);border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.15)}.course-icon{font-size:3rem;text-align:center;margin-bottom:1.5rem;transition:transform .4s ease;filter:brightness(1.2)}.course-card:hover .course-icon{transform:scale(1.3) rotate(10deg)}.course-title{font-size:1.5rem;font-weight:800;text-align:center;margin:0 0 1.5rem;color:var(--text-bright);text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:-.025em}.course-details{margin-bottom:1.5rem}.course-detail{display:flex;align-items:center;font-size:1rem;color:var(--text-bright);margin-bottom:.75rem;font-weight:500}.course-detail-icon{margin-right:.75rem;font-size:1.1rem}.palestine-green-color{color:#00ff88;filter:brightness(1.3)}.palestine-red-color{color:#ff6b6b;filter:brightness(1.3)}.course-description{color:#e2e8f0;font-size:1rem;margin-bottom:2rem;flex-grow:1;line-height:1.6;font-weight:400}.course-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.course-link{min-width:11rem;text-align:center;padding:1rem 1.75rem;border-radius:9999px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;z-index:1;border:2px solid transparent;color:white;text-shadow:0 1px 2px rgba(0,0,0,.3)}.course-link:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.course-link:hover:after{left:100%}.course-link-discord{background:linear-gradient(135deg,#7289DA,#5865F2,#7289DA);background-size:200% 200%;color:white;box-shadow:0 6px 15px rgba(88,101,242,.4);animation:gradientShift 3s ease infinite}.course-link-discord:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 25px rgba(88,101,242,.6)}.course-link-whatsapp{background:linear-gradient(135deg,var(--palestine-green),#00c853,var(--palestine-green));background-size:200% 200%;color:white;box-shadow:0 6px 15px rgba(0,122,58,.4);animation:gradientShift 3s ease infinite}.course-link-whatsapp:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 25px rgba(0,122,58,.6)}.course-link-recordings{background:linear-gradient(135deg,var(--palestine-red),#ff4757,var(--palestine-red));background-size:200% 200%;color:white;box-shadow:0 6px 15px rgba(206,17,38,.4);animation:gradientShift 3s ease infinite}.course-link-recordings:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 25px rgba(206,17,38,.6)}.course-link-default{background:linear-gradient(45deg,#4b5563,#6b7280);color:white}.course-link-default:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(107,114,128,.4)}.footer{background:rgba(0,0,0,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.15);padding:2rem 0;margin-top:auto;position:relative;z-index:1}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--palestine-green),var(--palestine-red))}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:1rem}@media (min-width:768px){.footer-content{flex-direction:row;justify-content:space-between}}.footer-text{color:var(--text-gray);text-align:center}@media (min-width:768px){.footer-text{text-align:left}}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.footer-link{color:var(--text-gray);text-decoration:none;transition:color .3s ease;position:relative}.footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:linear-gradient(to right,var(--palestine-green),var(--palestine-red));transition:width .3s ease}.footer-link:hover{color:var(--text-bright)}.footer-link:hover:after{width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.fade-in-up{animation:fadeInUp .8s ease forwards}.pulse-animation{animation:pulse 2s infinite}.icon-rotate{transition:transform .5s ease}.icon-rotate:hover{transform:rotate(10deg)}@media (max-width:640px){.hero{padding:3rem 0;min-height:70vh}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.5rem}.course-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.course-link{min-width:100%}.hero-buttons{flex-direction:column;gap:1rem}.btn{min-width:100%}.container,.header-content{padding:0 15px}}@media (max-width:320px){.hero-title{font-size:1.75rem}.btn{padding:.75rem 1.5rem;min-width:10rem}}@media (min-width:1200px){.container{max-width:1400px}}@media (min-width:1400px){.container{max-width:1600px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--palestine-green),var(--palestine-red));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--palestine-red),var(--palestine-green))}a:focus,button:focus{outline:2px solid var(--palestine-green);outline-offset:2px}*{will-change:auto}.btn,.course-card,.course-link,.nav-link{will-change:transform}html{scroll-behavior:smooth}