@import"https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;700&display=swap";:root{--color-primary: #1e1b4b;--color-primary-dark: #0f172a;--color-secondary: #3b82f6;--color-secondary-dark: #2563eb;--color-accent: #8b5cf6;--color-text-main: #1f2937;--color-text-light: #4b5563;--color-background: #ffffff;--color-background-off: #f8fafc;--color-border: #e2e8f0;--color-white: #ffffff;--color-glass-bg: rgba(255, 255, 255, .7);--color-glass-border: rgba(255, 255, 255, .3);--font-heading: "Outfit", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4.5rem;--spacing-xxl: 8rem;--container-width: 1200px;--header-height: 80px;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .03);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .03);--shadow-glow: 0 0 20px rgba(59, 130, 246, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--color-text-main);background-color:var(--color-background);line-height:1.6;scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:color .2s ease}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}img,video{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-primary);line-height:1.2;margin-bottom:var(--spacing-md)}.container{width:90%;max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}.glass{background:var(--color-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);box-shadow:var(--shadow-md)}.glass-dark{background:#1e1b4bb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1)}.text-gradient{background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header{width:100%;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000}.top-bar{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-xs) 0;font-size:.9rem}.top-bar-content{display:flex;justify-content:space-between;align-items:center}.contact-info a,.social-links a{color:var(--color-white);display:inline-flex;align-items:center;gap:.5rem;margin-right:var(--spacing-md);opacity:.9}.contact-info a:hover,.social-links a:hover{opacity:1}.social-links{display:flex}.main-nav-wrapper{padding:var(--spacing-sm) 0;background:var(--color-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-glass-border)}.main-nav-content{display:flex;justify-content:space-between;align-items:center;height:auto;min-height:var(--header-height);padding:.5rem 0}.logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;line-height:1.2;text-align:left;display:inline-block}.logo-text{display:block}.nav-menu ul{display:flex;gap:1.25rem;align-items:center;margin:0;padding:0;list-style:none}.nav-menu a{font-weight:500;color:var(--color-text-main);text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;position:relative;white-space:nowrap;text-decoration:none}.nav-menu a:hover,.nav-menu a.active{color:var(--color-secondary)}.nav-menu a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--color-secondary);transition:width .3s}.nav-menu a:hover:after,.nav-menu a.active:after{width:100%}.btn-nav{padding:.5rem 1.5rem;background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));color:var(--color-white)!important;border-radius:50px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;display:inline-flex;align-items:center;justify-content:center;height:40px;white-space:nowrap;box-shadow:0 4px 15px #ec48994d}.btn-nav:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-glow)}.btn-nav:after{display:none}.mobile-menu-toggle{display:none;font-size:1.5rem;color:var(--color-primary)}.floating-whatsapp{position:fixed;bottom:2rem;right:2rem;background-color:#25d366;color:#fff;width:3.5rem;height:3.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:2rem;box-shadow:var(--shadow-lg);z-index:1000;transition:transform .3s}.floating-whatsapp:hover{transform:scale(1.1)}@media(max-width:1100px){.top-bar{display:none}.mobile-menu-toggle{display:block}.nav-menu{position:absolute;top:100%;left:0;width:100%;background:var(--color-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--spacing-md);box-shadow:var(--shadow-md);transform:translateY(-20px);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:1px solid var(--color-glass-border)}.nav-menu.open{transform:translateY(0);opacity:1;pointer-events:all}.nav-menu ul{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}}.footer{background-color:var(--color-primary);color:var(--color-white);padding-top:var(--spacing-xl);margin-top:auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.footer-col h3{color:var(--color-white);font-size:1.25rem;margin-bottom:var(--spacing-md)}.footer-col h4{color:var(--color-accent);font-size:1.1rem;margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.5px}.footer-col p{opacity:.8;line-height:1.6}.footer-col ul{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-col ul li a{opacity:.8;transition:opacity .2s}.footer-col ul li a:hover{opacity:1;color:var(--color-accent)}.contact-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);opacity:.9}.contact-item svg{margin-top:5px;color:var(--color-accent)}.footer-socials{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.footer-socials a{font-size:1.25rem;opacity:.8;transition:opacity .2s,transform .2s}.footer-socials a:hover{opacity:1;transform:translateY(-2px);color:var(--color-accent)}.footer-bottom{background-color:var(--color-primary-dark);padding:var(--spacing-md) 0;font-size:.9rem}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);opacity:.7}.footer-links{display:flex;gap:var(--spacing-md)}.footer-links a:hover{text-decoration:underline}@media(max-width:768px){.footer-bottom-content{flex-direction:column;text-align:center}}.notice-card{background-color:var(--color-white);border:1px solid var(--color-border);padding:var(--spacing-lg);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%}.notice-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.notice-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.notice-meta span{display:flex;align-items:center;gap:.3rem}.notice-title{font-size:1.25rem;color:var(--color-primary);margin-bottom:var(--spacing-sm);line-height:1.4}.notice-brief{color:var(--color-text-light);font-size:.95rem;margin-bottom:var(--spacing-md);flex-grow:1}.notice-link{color:var(--color-secondary);font-weight:600;text-align:left;padding:0;font-size:.9rem;text-transform:uppercase}.notice-link:hover{text-decoration:underline}.program-card{background-color:var(--color-white);padding:var(--spacing-lg);border-radius:16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.program-card:hover{box-shadow:var(--shadow-lg);background-color:var(--color-white);transform:translateY(-8px);border-color:var(--color-accent)}.program-icon{font-size:3rem;color:var(--color-secondary);margin-bottom:var(--spacing-md);height:60px}.program-title{font-size:1.25rem;color:var(--color-primary);margin-bottom:var(--spacing-sm);font-weight:700}.program-desc{color:var(--color-text-light);font-size:.95rem;margin-bottom:var(--spacing-lg);line-height:1.6}.program-btn{display:inline-block;padding:.5rem 1.5rem;border:1px solid var(--color-primary);color:var(--color-primary);border-radius:50px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.program-btn:hover{background-color:var(--color-primary);color:var(--color-white)}.feature-card{text-align:center;padding:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:16px;background-color:var(--color-white);border:1px solid transparent}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-border)}.feature-icon{font-size:2.5rem;color:var(--color-white);margin-bottom:var(--spacing-md);display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));box-shadow:0 10px 20px #06b6d44d;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 15px 25px #06b6d480}.feature-title{font-size:1.15rem;margin-bottom:var(--spacing-sm);color:var(--color-primary)}.feature-desc{font-size:.9rem;color:var(--color-text-light);line-height:1.5}.event-card{background-color:var(--color-white);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--color-border)}.event-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.event-image{height:200px;position:relative;overflow:hidden}.event-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.event-card:hover .event-image img{transform:scale(1.05)}.event-date-badge{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));color:var(--color-white);padding:.5rem;border-radius:8px;text-align:center;min-width:60px;box-shadow:0 4px 10px #ec48994d}.date-day{display:block;font-size:1.5rem;font-weight:700;line-height:1}.date-month{display:block;font-size:.8rem;text-transform:uppercase;margin-top:2px}.event-content{padding:var(--spacing-md)}.event-meta{font-size:.85rem;color:var(--color-text-light);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:1rem}.event-title{font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--color-primary)}.event-desc{font-size:.95rem;color:var(--color-text-light);margin-bottom:var(--spacing-md);line-height:1.5}.event-btn{color:var(--color-secondary);font-weight:600;text-transform:uppercase;font-size:.9rem}.event-btn:hover{text-decoration:underline}.stat-card{text-align:center;padding:var(--spacing-lg);background-color:var(--color-white);border-radius:16px;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--color-border)}.stat-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.stat-number{font-size:2.5rem;font-weight:800;color:var(--color-secondary);margin-bottom:var(--spacing-xs)}.stat-desc{color:var(--color-text-light);font-weight:500;font-size:.9rem}.home-page{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;font-weight:600;text-transform:uppercase;font-size:.9rem;letter-spacing:1px;border-radius:50px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.btn-primary{background-color:var(--color-secondary);color:var(--color-white);box-shadow:0 4px 15px #ec48994d}.btn-primary:hover{background-color:var(--color-secondary-dark);transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-glow)}.btn-outline{border:2px solid var(--color-white);color:var(--color-white);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-outline:hover{background-color:var(--color-white);color:var(--color-primary);transform:translateY(-3px) scale(1.02);box-shadow:0 10px 20px #0000001a}.btn-secondary{background-color:var(--color-primary);color:var(--color-white);box-shadow:0 4px 15px #312e814d}.btn-secondary:hover{background-color:var(--color-primary-dark);transform:translateY(-3px);box-shadow:0 10px 20px #312e8166}.text-center{text-align:center}.mt-lg{margin-top:var(--spacing-lg)}.mb-lg,.section-header{margin-bottom:var(--spacing-lg)}.section-header h2{font-size:2.5rem;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.subtitle{font-size:1.1rem;color:var(--color-text-light);max-width:600px;margin:0 auto}.divider{width:80px;height:4px;background-color:var(--color-accent);margin-top:var(--spacing-sm)}.divider.center{margin-left:auto;margin-right:auto}.hero-section{min-height:50vh;padding:var(--spacing-xxl) 0 var(--spacing-xl);position:relative;background:linear-gradient(-45deg,var(--color-primary),var(--color-secondary),var(--color-primary-dark),var(--color-accent));background-size:400% 400%;animation:gradientBG 15s ease infinite;color:var(--color-white);overflow:hidden;display:flex;align-items:center}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-bg-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><rect width="100" height="100" fill="url(%23g)"/><defs><linearGradient id="g" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="rgba(255,255,255,0.1)"/><stop offset="100%" stop-color="rgba(255,255,255,0)"/></linearGradient></defs></svg>') center/cover;mix-blend-mode:overlay;opacity:.5}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero-content h1{font-size:3.5rem;color:var(--color-white);margin-bottom:.25rem;line-height:1.1;animation:fadeInUp 1s ease-out}.hero-content p{font-size:1.25rem;margin-bottom:2rem;max-width:700px;opacity:.9;animation:fadeInUp 1s ease-out .2s;animation-fill-mode:both}.admission-boxes{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2.5rem;animation:fadeInUp 1s ease-out .3s;animation-fill-mode:both}.admission-box{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;color:var(--color-white);transition:transform .3s ease,background .3s ease;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none}.admission-box:hover{transform:translateY(-3px);background:#fff3}.hero-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;animation:fadeInUp 1s ease-out .4s;animation-fill-mode:both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.intro-section{background-color:var(--color-background)}.intro-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.intro-text .lead-text{font-size:1.15rem;font-weight:500;color:var(--color-primary);margin-bottom:var(--spacing-md);font-style:italic}.intro-text p{margin-bottom:var(--spacing-md);color:var(--color-text-light)}.image-placeholder{width:100%;height:400px;background-color:#ddd;display:flex;align-items:center;justify-content:center;color:#888;border-radius:4px;background-image:url(/images/intro-campus.jpg);background-size:cover}.notice-section{background-color:var(--color-background-off)}.notice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.programs-section{background-color:var(--color-background)}.programs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.features-section{background-color:var(--color-background-off)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.marquee-section{padding:var(--spacing-xl) 0;overflow:hidden;background-color:var(--color-white)}.marquee-container{width:100%;overflow:hidden;margin:var(--spacing-lg) 0}.marquee-content{display:flex;gap:var(--spacing-md);animation:scroll 30s linear infinite;width:max-content}.marquee-item{width:300px;height:200px;background-color:#ddd;border-radius:8px;overflow:hidden}.marquee-item img{width:100%;height:100%;object-fit:cover}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.events-section{background-color:var(--color-background-off)}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.video-section{height:60vh;min-height:400px;position:relative;background-color:#000;color:var(--color-white)}.video-bg-placeholder{width:100%;height:100%;background:linear-gradient(#00000080,#00000080),url(https://placehold.co/1920x1080/000000/ffffff?text=Video+Thumbnail) center/cover;display:flex;align-items:center;justify-content:center}.video-content{text-align:center;z-index:2}.video-content h2{color:var(--color-white);margin-bottom:var(--spacing-lg);font-size:2.5rem}.play-btn{width:80px;height:80px;border-radius:50%;background-color:var(--color-secondary);color:var(--color-white);font-size:2rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s;box-shadow:0 0 0 10px #8c2a384d}.play-btn:hover{transform:scale(1.1);background-color:#a03040}.stats-section{background-color:var(--color-white)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg)}.news-section{background-color:var(--color-background-off)}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.news-card-placeholder{background:var(--color-white);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm)}.news-img{height:200px;background-color:#ccc;background-image:url(https://placehold.co/600x400/cccccc/ffffff?text=News+Image);background-size:cover}.news-content{padding:var(--spacing-md)}.news-content h4{color:var(--color-primary);margin-bottom:var(--spacing-sm)}.read-more{color:var(--color-secondary);font-weight:600;display:inline-flex;align-items:center;gap:5px;margin-top:var(--spacing-sm)}.cta-section{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-xl) 0;text-align:center;background-image:linear-gradient(#1a2e4ae6,#1a2e4ae6),url(https://placehold.co/1920x600/1a2e4a/ffffff?text=CTA+Background);background-size:cover;background-attachment:fixed}.cta-content h2{color:var(--color-white);font-size:2.5rem;margin-bottom:var(--spacing-md)}.cta-content p{font-size:1.1rem;margin-bottom:var(--spacing-lg);opacity:.9;max-width:800px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;justify-content:center;gap:var(--spacing-md)}@media(max-width:768px){.intro-content{grid-template-columns:1fr}.hero-content h1{font-size:2.5rem}}.about-page{width:100%}.about-hero{background-color:var(--color-primary);color:var(--color-white);padding:80px 0;text-align:center;background-image:linear-gradient(#1a2e4ae6,#1a2e4ae6),url(https://placehold.co/1920x600/1a2e4a/ffffff?text=About+Header);background-size:cover;background-position:center}.about-hero h1{font-size:3rem;color:var(--color-white);margin-bottom:var(--spacing-sm)}.breadcrumb{color:var(--color-accent);font-weight:500}.about-intro .subh3{font-size:1.5rem;color:var(--color-secondary);font-style:italic;margin-bottom:var(--spacing-md);font-weight:400}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:flex-start}.intro-content p{margin-bottom:var(--spacing-md);color:var(--color-text-light);font-size:1.05rem}.intro-image-container img{border-radius:8px;box-shadow:var(--shadow-lg)}.mission-vision-section{background-color:var(--color-background-off)}.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.vision-card,.mission-card{background-color:var(--color-white);padding:var(--spacing-xl);border-radius:8px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.vision-card::top-border,.mission-card::top-border{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background-color:var(--color-primary)}.vision-card{border-top:4px solid var(--color-secondary)}.mission-card{border-top:4px solid var(--color-primary)}.mv-icon{font-size:3rem;color:var(--color-accent);margin-bottom:var(--spacing-md)}.mission-card ul{list-style:none}.mission-card ul li{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;color:var(--color-text-light)}.mission-card ul li svg{color:var(--color-secondary);flex-shrink:0;margin-top:4px}.unique-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.unique-card{background-color:var(--color-white);padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:6px;transition:transform .3s}.unique-card:hover{transform:translateY(-5px);border-color:var(--color-primary)}.unique-card h4{color:var(--color-primary);font-size:1.15rem;margin-bottom:var(--spacing-sm)}.unique-card p{font-size:.95rem;color:var(--color-text-light)}.governance-section{background-color:var(--color-background)}.governance-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.gov-item{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-background-off);border-left:3px solid var(--color-accent)}.gov-item strong{display:block;color:var(--color-primary);margin-bottom:5px}.gov-list li{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.facilities-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.facility-list{margin-top:var(--spacing-md);list-style:disc;padding-left:20px}.facility-list li{margin-bottom:.5rem;color:var(--color-text-light)}.facility-image img{border-radius:8px;box-shadow:var(--shadow-md)}@media(max-width:768px){.intro-grid,.mv-grid,.governance-grid,.facilities-grid{grid-template-columns:1fr}}.page-hero{background-color:var(--color-primary);color:var(--color-white);padding:80px 0;text-align:center;background-image:linear-gradient(#1a2e4acc,#1a2e4acc),url(https://placehold.co/1920x500/1a2e4a/ffffff?text=Faculty+Header);background-size:cover}.faculty-intro .lead-text{font-size:1.25rem;color:var(--color-text-main);max-width:800px;margin:0 auto;font-style:italic}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.category-card{background-color:var(--color-white);padding:var(--spacing-xl);border-radius:8px;box-shadow:var(--shadow-md);text-align:center;transition:transform .3s;border-top:5px solid var(--color-secondary)}.category-card:hover{transform:translateY(-5px)}.cat-icon{font-size:3rem;color:var(--color-primary);margin-bottom:var(--spacing-md)}.category-card h3{font-size:1.25rem;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.category-card p{color:var(--color-text-light)}.join-team{background-color:var(--color-background-off)}.mt-md{margin-top:var(--spacing-md)}.admission-page .page-hero{background-image:linear-gradient(#1a2e4acc,#1a2e4acc),url(https://placehold.co/1920x500/1a2e4a/ffffff?text=Admission+Header)}.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);counter-reset:process-step}.process-step{text-align:center;position:relative;padding:var(--spacing-lg);background-color:var(--color-background-off);border-radius:8px}.step-number{width:50px;height:50px;background-color:var(--color-secondary);color:var(--color-white);border-radius:50%;margin:0 auto var(--spacing-md);display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700}.process-step h3{margin-bottom:var(--spacing-sm);color:var(--color-primary)}.process-step p{color:var(--color-text-light);font-size:.95rem}.eligibility-section{background-color:var(--color-background-off)}.eligibility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.eligibility-card{background-color:var(--color-white);padding:var(--spacing-lg);border-radius:8px;box-shadow:var(--shadow-sm);border-left:4px solid var(--color-primary)}.eligibility-card h3{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;color:var(--color-primary);margin-bottom:var(--spacing-md)}.eligibility-card ul{list-style:none}.eligibility-card ul li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;color:var(--color-text-light);font-size:.95rem}.eligibility-card ul li svg{color:var(--color-secondary);margin-top:4px}.fee-section{background-color:var(--color-primary);color:var(--color-white)}.fee-section .lead-text{color:var(--color-accent);margin-bottom:var(--spacing-xl)}.fee-features{display:flex;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap}.fee-feature{background-color:#ffffff1a;padding:var(--spacing-lg);border-radius:8px;width:250px}.fee-feature h3{color:var(--color-white);margin-bottom:var(--spacing-sm)}.fee-feature p{font-size:.95rem;opacity:.9}.apply-options{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.apply-card{background-color:var(--color-white);padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:8px;text-align:center;width:350px;box-shadow:var(--shadow-md);transition:transform .3s}.apply-card:hover{transform:translateY(-5px)}.apply-card.online{border-top:5px solid var(--color-secondary)}.apply-card.whatsapp{border-top:5px solid #25d366}.apply-card h3{margin-bottom:var(--spacing-md);font-size:1.25rem}.apply-card p{margin-bottom:var(--spacing-lg);color:var(--color-text-light)}.btn-whatsapp{background-color:#25d366;color:#fff;padding:.75rem 2rem;border-radius:4px;display:inline-flex;align-items:center;gap:.5rem;font-weight:600}.btn-whatsapp:hover{background-color:#128c7e}.faq-section{background-color:var(--color-background-off)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.faq-item{background-color:var(--color-white);padding:var(--spacing-md);border-radius:6px}.faq-item h4{margin-bottom:var(--spacing-xs);color:var(--color-primary)}.faq-item p{color:var(--color-text-light);font-size:.95rem}@media(max-width:768px){.faq-grid{grid-template-columns:1fr}}.academics-page .page-hero{background-image:linear-gradient(#1a2e4acc,#1a2e4acc),url(https://placehold.co/1920x500/1a2e4a/ffffff?text=Academics+Header)}.overview-section .lead-text{max-width:900px;margin:0 auto;font-size:1.15rem;color:var(--color-text-light)}.structure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.structure-card{background-color:var(--color-white);padding:var(--spacing-lg);border-radius:8px;text-align:center;box-shadow:var(--shadow-sm);border-bottom:3px solid var(--color-secondary)}.structure-card h3{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.structure-card p{color:var(--color-text-light)}.programs-list-section{background-color:var(--color-background-off)}.program-detail-card{background-color:var(--color-white);padding:var(--spacing-lg);border-radius:8px;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.program-detail-card h3{color:var(--color-secondary);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-md)}.prog-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.prog-content h4{font-size:1.1rem;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.prog-content ul{list-style:disc;padding-left:20px;color:var(--color-text-light)}.portal-section{background-color:var(--color-primary);color:var(--color-white)}.portal-section h2{color:var(--color-white);margin-bottom:var(--spacing-sm)}.download-links{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;margin-top:var(--spacing-md)}.download-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#ffffff1a;color:var(--color-white);border-radius:4px;font-size:.9rem;transition:background-color .3s}.download-item:hover{background-color:#fff3}@media(max-width:768px){.prog-content{grid-template-columns:1fr}}.organization-page .page-hero{background-image:linear-gradient(#1a2e4acc,#1a2e4acc),url(https://placehold.co/1920x500/1a2e4a/ffffff?text=Organization+Header)}.org-chart{display:flex;flex-direction:column;align-items:center;position:relative;padding:var(--spacing-lg) 0}.chart-node{background-color:var(--color-white);padding:var(--spacing-md) var(--spacing-xl);border-radius:8px;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);text-align:center;position:relative;z-index:2;min-width:200px}.chart-node.root{background-color:var(--color-primary);color:var(--color-white);border:none}.chart-node.root h3{margin-bottom:0;color:var(--color-white)}.chart-node svg{font-size:2rem;margin-bottom:.5rem}.chart-connector-vertical{width:2px;height:40px;background-color:var(--color-border)}.chart-level-3{display:flex;gap:var(--spacing-xl);position:relative;padding-top:20px}.chart-level-3:before{content:"";position:absolute;top:0;left:17%;right:17%;height:2px;background-color:var(--color-border)}.chart-level-3 .chart-node:after{content:"";position:absolute;top:-20px;left:50%;width:2px;height:20px;background-color:var(--color-border)}.union-section{background-color:var(--color-background-off)}.union-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.union-text h2{display:flex;align-items:center;gap:.5rem;color:var(--color-secondary);margin-bottom:var(--spacing-md)}.union-activities{list-style:disc;padding-left:20px;margin-top:var(--spacing-md);color:var(--color-text-light)}.union-activities li{margin-bottom:.5rem}.placeholder-box{width:100%;height:300px;background-color:#ddd;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;color:#666}.alumni-stats{display:flex;justify-content:center;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.stat-item{background-color:var(--color-white);padding:var(--spacing-lg);border-radius:8px;box-shadow:var(--shadow-sm);min-width:200px}.stat-item h3{color:var(--color-primary);margin-bottom:.5rem}.committees-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.committee-card{background-color:var(--color-white);padding:var(--spacing-lg);border-radius:8px;box-shadow:var(--shadow-sm);text-align:center;border-top:3px solid var(--color-accent)}.committee-card h3{color:var(--color-primary);margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;gap:.5rem}.committee-card p{font-size:.95rem;color:var(--color-text-light)}@media(max-width:768px){.union-content{grid-template-columns:1fr}.chart-level-3{flex-direction:column;gap:var(--spacing-md);padding-top:0}.chart-level-3:before,.chart-level-3 .chart-node:after{display:none}}.campus-life-page .page-hero{background-image:linear-gradient(#1a2e4acc,#1a2e4acc),url(https://placehold.co/1920x500/1a2e4a/ffffff?text=Campus+Life+Header)}.video-container{max-width:900px;margin:0 auto;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-lg)}.video-placeholder{width:100%;height:500px;background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background-image:url(https://placehold.co/1200x600/000000/333333?text=Video+Thumbnail);background-size:cover;cursor:pointer}.play-button-overlay{font-size:4rem;color:var(--color-secondary);background:#fff3;width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:transform .3s}.video-placeholder:hover .play-button-overlay{transform:scale(1.1);background:#ffffff4d}.routine-section{background-color:var(--color-background-off)}.routine-timeline{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.timeline-item{display:flex;align-items:center;background-color:var(--color-white);padding:var(--spacing-md);border-radius:8px;box-shadow:var(--shadow-sm);transition:transform .3s}.timeline-item:hover{transform:translate(10px)}.time-badge{background-color:var(--color-primary);color:var(--color-white);padding:.5rem 1rem;border-radius:4px;font-weight:600;display:flex;align-items:center;gap:.5rem;min-width:120px;justify-content:center}.timeline-content{margin-left:var(--spacing-lg)}.timeline-content h3{margin:0;font-size:1.1rem;color:var(--color-secondary)}.timeline-content p{margin:0;font-size:.95rem;color:var(--color-text-light)}.facilities-grid-section{background-color:var(--color-white)}.facilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.facility-card{text-align:center;padding:var(--spacing-lg);background-color:var(--color-background-off);border-radius:8px;transition:background-color .3s}.facility-card:hover{background-color:#eaeaea}.fac-icon{font-size:2.5rem;color:var(--color-primary);margin-bottom:var(--spacing-md)}.facility-card h3{font-size:1.1rem;margin-bottom:.5rem}.facility-card p{font-size:.9rem;color:var(--color-text-light)}.mehrajan-section{background-color:var(--color-background-off)}.mehrajan-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.gallery-item{height:250px;border-radius:8px;overflow:hidden}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gallery-item:hover img{transform:scale(1.05)}@media(max-width:768px){.timeline-item{flex-direction:column;align-items:flex-start}.timeline-content{margin-left:0;margin-top:var(--spacing-sm)}}.notice-board-page .page-hero{background-image:linear-gradient(#1a2e4acc,#1a2e4acc),url(https://placehold.co/1920x500/1a2e4a/ffffff?text=Notices+Header)}.notice-filters{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.filter-btn{padding:.5rem 1.5rem;border:1px solid var(--color-border);background-color:var(--color-white);border-radius:20px;cursor:pointer;font-weight:500;color:var(--color-text-light);transition:all .3s}.filter-btn:hover{background-color:var(--color-background-off);color:var(--color-primary)}.filter-btn.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.full-notice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.contact-page .page-hero{background-image:linear-gradient(#1a2e4acc,#1a2e4acc),url(https://placehold.co/1920x500/1a2e4a/ffffff?text=Contact+Us+Header)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.contact-info-card,.contact-form-card{background-color:var(--color-white);padding:var(--spacing-xl);border-radius:8px;box-shadow:var(--shadow-sm)}.contact-details{margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-item{display:flex;align-items:flex-start;gap:var(--spacing-md)}.c-icon{font-size:1.5rem;color:var(--color-secondary);margin-top:5px}.contact-item h3{margin-bottom:.25rem;font-size:1.1rem;color:var(--color-primary)}.contact-item p,.contact-item a{color:var(--color-text-light);line-height:1.6;text-decoration:none}.contact-item a:hover{color:var(--color-secondary)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--color-primary)}.form-group input,.form-group textarea{padding:.75rem;border:1px solid var(--color-border);border-radius:4px;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.map-section{width:100%;margin-top:var(--spacing-xl)}@media(max-width:768px){.contact-grid{grid-template-columns:1fr}}.exam-page{min-height:calc(100vh - var(--header-height));background-color:var(--color-background-off)}.page-header-section{padding:var(--spacing-xxl) 0 var(--spacing-xl);background:linear-gradient(135deg,#312e810d,#ec48990d);border-bottom:1px solid var(--color-border)}.page-title{font-size:3rem;margin-bottom:var(--spacing-sm)}.exam-content-section{padding:var(--spacing-xl) 0}.exam-cards-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);justify-content:center;max-width:800px;margin:0 auto}.exam-card{padding:var(--spacing-xl);border-radius:16px;text-align:center;width:100%}.exam-card h2{color:var(--color-primary);margin-bottom:var(--spacing-md);font-size:2rem}.exam-card p{color:var(--color-text-light);margin-bottom:var(--spacing-lg);font-size:1.1rem}.result-checker-section{padding:var(--spacing-xl) 0}.result-checker-header{margin-bottom:var(--spacing-lg)}.result-checker-form-container{max-width:600px;margin:0 auto var(--spacing-xl);padding:var(--spacing-lg);border-radius:16px}.result-form .form-group{margin-bottom:var(--spacing-md);text-align:left}.result-form label{display:block;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--color-primary)}.form-input{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s ease,box-shadow .3s ease}.form-input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #3b82f61a}.submit-btn{width:100%;margin-top:var(--spacing-md);padding:14px;background-color:var(--color-secondary);color:var(--color-white);border-radius:8px;font-size:1.1rem;font-weight:600;transition:background-color .3s ease,transform .2s ease}.submit-btn:hover{background-color:var(--color-secondary-dark);transform:translateY(-2px)}.loading-spinner-container,.error-message,.search-error-message{text-align:center;padding:var(--spacing-lg)}.search-error-message,.error-message{color:#d32f2f;font-weight:600;background:#ffebee;border-radius:8px;padding:var(--spacing-sm);margin-top:var(--spacing-md)}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:var(--color-secondary);animation:spin 1s linear infinite;margin:0 auto var(--spacing-sm)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-card-container{max-width:900px;margin:0 auto}.result-card{padding:var(--spacing-xl);border-radius:16px;background-color:var(--color-white);margin-bottom:var(--spacing-lg)}.result-card-header{margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border);padding-bottom:var(--spacing-md)}.result-card-header h3{font-size:1.8rem;margin-bottom:var(--spacing-xs)}.exam-title{font-size:1.1rem;color:var(--color-text-light);margin-bottom:var(--spacing-md)}.student-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm);text-align:left;background:var(--color-background-off);padding:var(--spacing-md);border-radius:8px}.info-label{font-weight:600;color:var(--color-text-light);margin-right:8px}.info-value{font-weight:700;color:var(--color-primary)}.result-table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--spacing-lg);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.result-table{width:100%;border-collapse:collapse;min-width:600px;background:var(--color-white)}.result-table th,.result-table td{padding:16px;border-bottom:1px solid var(--color-border);text-align:center}.result-table th{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-white);font-weight:600;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px}.arabic-text{font-family:Noto Naskh Arabic,serif;font-size:1.3rem;text-align:center!important;font-weight:700}.row-pass{background-color:#e8f5e9}.row-fail{background-color:#ffebee}.row-absent{background-color:#fff3e0}.badge{display:inline-block;height:22px;line-height:24px;padding:0 10px;border-radius:12px;font-size:.85rem;font-weight:700;text-transform:uppercase;text-align:center}.badge-pass{background-color:#4caf50;color:#fff}.badge-fail{background-color:#f44336;color:#fff}.badge-absent{background-color:#ff9800;color:#fff}.result-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);background:var(--color-background-off);padding:var(--spacing-lg);border-radius:12px;border:1px solid var(--color-border)}.summary-item{display:flex;flex-direction:column;align-items:center;justify-content:center}.summary-label{font-size:.9rem;color:var(--color-text-light);text-transform:uppercase;font-weight:600;margin-bottom:4px}.summary-value{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.status-badge{display:inline-block;height:36px;line-height:38px;padding:0 16px;border-radius:12px;font-size:1.3rem;font-weight:800;text-align:center;white-space:nowrap}@media(max-width:768px){.result-card-container{max-width:100%;overflow:hidden}.result-card{padding:var(--spacing-md);width:100%;overflow:hidden}.result-table-responsive{width:100%;max-width:100%;overflow-x:auto}.result-table{min-width:100%}.result-table th,.result-table td{padding:6px 4px;font-size:.85rem}.result-summary{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.summary-label{font-size:.8rem}.arabic-text{font-size:1.1rem}.result-card-header h3{font-size:1.3rem}.student-info-grid{grid-template-columns:1fr}.summary-value{font-size:1.2rem}.status-badge{font-size:1.1rem;padding:6px 12px}.action-buttons{flex-direction:column}.print-btn,.download-btn{width:100%}}.pass-badge{color:#4caf50;background:#4caf501a}.fail-badge{color:#f44336;background:#f443361a}.action-buttons{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-md)}.print-btn,.download-btn{padding:12px 24px;background-color:var(--color-primary);color:var(--color-white);border-radius:8px;font-weight:600;font-size:1.1rem;transition:background-color .3s ease}.print-btn:hover,.download-btn:hover{background-color:var(--color-primary-dark)}@media print{@page{size:A4 portrait;margin:5mm}body *{visibility:hidden}.result-card,.result-card *{visibility:visible;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.result-card{position:absolute;left:0;top:0;width:100%;margin:0;padding:5px;box-shadow:none;border:none;background:transparent;page-break-inside:avoid}.result-table th,.result-table td{padding:8px!important}.result-card-header{margin-bottom:10px!important;padding-bottom:5px!important}.result-summary{padding:10px!important;margin-top:5px!important}.row-pass{background-color:#e8f5e9!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.row-fail{background-color:#ffebee!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.row-absent{background-color:#fff3e0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.badge-pass{background-color:#4caf50!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.badge-fail{background-color:#f44336!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.badge-absent{background-color:#ff9800!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.pass-badge{color:#4caf50!important;background:#4caf501a!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.fail-badge{color:#f44336!important;background:#f443361a!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}