body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-light:#2a78b6;--primary-dark:#0e3a5c;--secondary-color:#3498db;--accent-dark:#d35400;--dark-light:#34495e;--light-color:#ecf0f1;--light-dark:#bdc3c7;--text-color:#333;--white-transparent:#ffffffe6;--black:#000;--success-color:#27ae60;--warning-color:#f1c40f;--error-color:#e74c3c;--box-shadow:0 5px 15px #0000001a;--box-shadow-heavy:0 10px 30px #00000026;--transition:all 0.3s ease;--transition-slow:all 0.5s ease;--border-radius:8px;--border-radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:#fff;background-color:var(--white);color:#333;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}section{padding:60px 0}h1,h2,h3,h4,h5,h6{color:#2c3e50;color:var(--dark-color);font-weight:700;line-height:1.2;margin-bottom:15px}h1{font-size:2.5rem}h2{font-size:2rem;margin-bottom:30px;position:relative;text-align:center}h2:after{background:linear-gradient(90deg,#1a5276,#e67e22);background:linear-gradient(to right,var(--primary-color),var(--accent-color));border-radius:2px;content:"";display:block;height:3px;margin:15px auto 0;width:60px}h3{font-size:1.5rem}h4{font-size:1.2rem}p{font-size:1rem;line-height:1.7;margin-bottom:15px}a{color:#1a5276;color:var(--primary-color);text-decoration:none;transition:all .3s ease;transition:var(--transition)}a:hover{color:#e67e22;color:var(--accent-color)}.btn{background-color:#1a5276;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--white);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:1px;overflow:hidden;padding:10px 25px;position:relative;text-transform:uppercase;transition:all .3s ease;transition:var(--transition);z-index:1}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s ease;transition:var(--transition-slow);width:100%;z-index:-1}.btn:hover{background-color:#2874a6;background-color:var(--primary-light);box-shadow:0 5px 15px #0000001a;box-shadow:var(--box-shadow);transform:translateY(-3px)}.btn:hover:before{left:100%}.btn-accent{background-color:#e67e22;background-color:var(--accent-color)}.btn-accent:hover{background-color:#f39c12;background-color:var(--accent-light)}.btn-outline{background-color:initial;border:2px solid #1a5276;border:2px solid var(--primary-color);color:#1a5276;color:var(--primary-color)}.btn-outline:hover{background-color:#1a5276;background-color:var(--primary-color);color:#fff;color:var(--white)}.section-intro{max-width:800px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.mt-40{margin-top:40px}.mb-40{margin-bottom:40px}.header{left:0;position:fixed;top:0;transition:all .3s ease;transition:var(--transition);width:100%;z-index:1000}.header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;background-color:var(--white-transparent);box-shadow:0 2px 10px #0000001a}.header-top{background-color:#2c3e50;background-color:var(--dark-color);color:#ecf0f1;color:var(--light-color);font-size:.85rem;padding:8px 0}.contact-info{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.contact-info span{align-items:center;display:flex;margin-right:15px;transition:all .3s ease;transition:var(--transition)}.contact-info span:hover{color:#e67e22;color:var(--accent-color)}.contact-info svg{font-size:.85rem;margin-right:6px}.header-main{align-items:center;background-color:#fff;background-color:var(--white);display:flex;justify-content:space-between;padding:8px 0;transition:all .3s ease;transition:var(--transition)}.logo-wrapper{gap:12px}.company-logo{height:50px;width:50px}.company-name{color:#1a5276;color:var(--primary-color);font-size:1.6rem;margin-bottom:3px;transition:all .3s ease;transition:var(--transition)}.logo-wrapper:hover .company-name{color:#e67e22;color:var(--accent-color)}.company-tagline{font-size:.8rem}.nav-menu ul{display:flex;list-style:none}.nav-menu li{margin-left:20px;position:relative}.nav-menu a{color:#2c3e50;color:var(--dark-color);font-size:.95rem;font-weight:600;padding:5px 0;position:relative}.nav-menu a:after{background-color:#e67e22;background-color:var(--accent-color);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:all .3s ease;transition:var(--transition);width:0}.nav-menu a:hover:after{width:100%}.nav-menu a.active{color:#e67e22;color:var(--accent-color)}.nav-menu a.active:after{width:100%}.mobile-menu-btn{background:none;color:#2c3e50;color:var(--dark-color);display:none;font-size:1.5rem}.tools-dropdown{min-width:180px}.tools-dropdown a{font-size:.9rem;padding:10px 15px}.tools-dropdown a:hover{padding-left:20px}.hero-section{background:linear-gradient(#00000080,#0009),url(/static/media/hero-bg.b3c3afa51c6c51374569.jpeg) no-repeat center 30%/cover;color:#fff;color:var(--white);display:flex;flex-direction:column;height:100vh;min-height:500px;position:relative}.hero-content{align-items:center;flex:1 1;justify-content:center;margin-top:70px;overflow:auto;padding-top:50px;text-align:center;z-index:2}.hero-content,.hero-content .container{position:relative}.hero-content h1{animation:fadeInUp 1s ease;color:#fff;color:var(--white);font-size:2.5rem;margin-bottom:15px;text-shadow:0 2px 10px #0000004d}.subtitle{animation:fadeInUp 1s ease .2s forwards;font-size:1.1rem;margin:0 auto 30px;max-width:700px;opacity:0;text-shadow:0 2px 5px #0000004d}.hero-highlights{animation:fadeInUp 1s ease .4s forwards;display:flex;gap:20px;justify-content:center;margin-top:40px;opacity:0}.highlight-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--border-radius);overflow:hidden;padding:20px!important;position:relative;transition:all .3s ease;transition:var(--transition)}.highlight-item:before{background:linear-gradient(135deg,#ffffff1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateY(100%);transition:all .5s ease;transition:var(--transition-slow);width:100%;z-index:-1}.highlight-item:hover{background-color:#ffffff26;box-shadow:0 8px 20px #0003;transform:translateY(-8px)}.highlight-item:hover:before{transform:translateY(0)}.highlight-item h3{color:#e67e22;color:var(--accent-color);font-size:2rem;margin-bottom:5px;transition:all .3s ease;transition:var(--transition)}.highlight-item:hover h3{transform:scale(1.05)}.highlight-item p{color:#ecf0f1;color:var(--light-color);font-size:.9rem;font-weight:500;margin-bottom:0}.scroll-down{align-items:center;animation:bounce 2s infinite;bottom:20px;color:#fff;color:var(--white);display:flex;flex-direction:column;left:50%;opacity:.8;position:absolute;transform:translateX(-50%);z-index:2}.scroll-down span{font-size:.8rem;letter-spacing:1px;margin-bottom:8px}.arrow{border-bottom:2px solid #fff;border-bottom:2px solid var(--white);border-left:2px solid #fff;border-left:2px solid var(--white);height:16px;transform:rotate(-45deg);width:16px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-8px)}60%{transform:translateX(-50%) translateY(-4px)}}.departments-section{background-color:#ecf0f1;background-color:var(--light-color);overflow:hidden;position:relative}.departments-section:before{background:linear-gradient(135deg,#1a5276,#3498db);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);height:250px;right:-80px;top:-80px;width:250px}.departments-section:after,.departments-section:before{border-radius:50%;content:"";opacity:.05;position:absolute;z-index:0}.departments-section:after{background:linear-gradient(135deg,#e67e22,#f39c12);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-light) 100%);bottom:-80px;height:300px;left:-80px;width:300px}.departments-section .container{position:relative;z-index:1}.model-3d-container{border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 10px 30px #00000026;box-shadow:var(--box-shadow-heavy);height:300px;margin:30px 0;overflow:hidden;transition:all .3s ease;transition:var(--transition);width:100%}.model-3d-container:hover{box-shadow:0 12px 25px #00000026;transform:translateY(-5px)}.departments-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:40px}.department-card{background-color:#fff;background-color:var(--white);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 5px 15px #0000001a;box-shadow:var(--box-shadow);cursor:pointer;overflow:hidden;position:relative}.department-card,.department-card:before{transition:all .3s ease;transition:var(--transition)}.department-card:before{background:linear-gradient(90deg,#1a5276,#e67e22);background:linear-gradient(to right,var(--primary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;width:100%;z-index:2}.department-card:hover{box-shadow:0 10px 30px #00000026;box-shadow:var(--box-shadow-heavy);transform:translateY(-8px)}.department-card:hover:before{transform:scaleX(1)}.department-card.selected{box-shadow:0 15px 30px #0003;transform:scale(1.02)}.department-card.selected:before{transform:scaleX(1)}.card-front{padding:20px;text-align:center}.card-image{border-radius:8px;border-radius:var(--border-radius);height:180px;margin-bottom:15px;overflow:hidden;position:relative;width:100%}.card-image:after{background:linear-gradient(180deg,#0000 0,#0000001a);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;transition:var(--transition);width:100%}.department-card:hover .card-image:after{opacity:1}.card-image img{height:100%;object-fit:cover;transition:all .3s ease;transition:var(--transition);width:100%}.department-card:hover .card-image img{transform:scale(1.08)}.department-card h3{color:#1a5276;color:var(--primary-color);font-size:1.3rem;transition:all .3s ease;transition:var(--transition)}.department-card:hover h3{color:#e67e22;color:var(--accent-color)}.card-details{background-color:#f9f9f9;border-top:1px solid #eee;font-size:.9rem;padding:20px}.incharge-info{align-items:center;border-top:1px solid #eee;display:flex;margin-top:15px;padding-top:15px}.incharge-photo{border:3px solid #e67e22;border:3px solid var(--accent-color);border-radius:50%;box-shadow:0 3px 8px #0000001a;height:70px;margin-right:12px;overflow:hidden;transition:all .3s ease;transition:var(--transition);width:70px}.department-card:hover .incharge-photo{border-color:#1a5276;border-color:var(--primary-color);transform:scale(1.05)}.incharge-photo img{height:100%;object-fit:cover;width:100%}.incharge-details h4{color:#1a5276;color:var(--primary-color);font-size:1rem;margin-bottom:5px}.incharge-details p{font-size:.85rem;margin-bottom:5px}.incharge-details p:last-child{margin-bottom:0}.leadership-section{background-color:#fff;background-color:var(--white);overflow:hidden;position:relative}.leadership-section:before{background:linear-gradient(135deg,#e67e22,#f39c12);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-light) 100%);border-radius:50%;content:"";height:250px;opacity:.05;position:absolute;right:-80px;top:50%;width:250px;z-index:0}.leadership-section .container{position:relative;z-index:1}.leadership-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.leader-card{background-color:#fff;background-color:var(--white);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 5px 15px #0000001a;box-shadow:var(--box-shadow);overflow:hidden;position:relative}.leader-card,.leader-card:before{transition:all .3s ease;transition:var(--transition)}.leader-card:before{background:linear-gradient(90deg,#1a5276,#e67e22);background:linear-gradient(to right,var(--primary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;width:100%;z-index:2}.leader-card:hover{box-shadow:0 10px 30px #00000026;box-shadow:var(--box-shadow-heavy);transform:translateY(-8px)}.leader-card:hover:before{transform:scaleX(1)}.leader-photo{height:280px;overflow:hidden;position:relative;width:100%}.leader-photo:after{background:linear-gradient(0deg,#00000080 0,#0000);bottom:0;content:"";height:50%;left:0;opacity:0;position:absolute;transition:all .3s ease;transition:var(--transition);width:100%}.leader-card:hover .leader-photo:after{opacity:1}.leader-photo img{height:100%;object-fit:cover;transition:all .3s ease;transition:var(--transition);width:100%}.leader-card:hover .leader-photo img{transform:scale(1.08)}.leader-info{padding:20px;text-align:center}.leader-info .position{color:#e67e22;color:var(--accent-color);font-size:.95rem;font-weight:600;margin-bottom:12px;transition:all .3s ease;transition:var(--transition)}.leader-card:hover .position{color:#1a5276;color:var(--primary-color)}.leader-info .bio{color:#7f8c8d;color:var(--text-light);font-size:.9rem;line-height:1.6}.directorates-section{background-color:#ecf0f1;background-color:var(--light-color);overflow:hidden;position:relative}.directorates-section:before{background:linear-gradient(135deg,#1a5276,#3498db);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:50%;content:"";height:180px;left:-40px;opacity:.05;position:absolute;top:-40px;width:180px;z-index:0}.directorates-section .container{position:relative;z-index:1}.directorates-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.directorate-card{background-color:#fff;background-color:var(--white);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 5px 15px #0000001a;box-shadow:var(--box-shadow);overflow:hidden;padding:25px;position:relative;text-align:center}.directorate-card,.directorate-card:before{transition:all .3s ease;transition:var(--transition)}.directorate-card:before{background:linear-gradient(90deg,#1a5276,#e67e22);background:linear-gradient(to right,var(--primary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;width:100%;z-index:2}.directorate-card:hover{box-shadow:0 10px 30px #00000026;box-shadow:var(--box-shadow-heavy);transform:translateY(-8px)}.directorate-card:hover:before{transform:scaleX(1)}.directorate-icon{color:#e67e22;color:var(--accent-color);font-size:2.5rem;margin-bottom:15px;transition:all .3s ease;transition:var(--transition)}.directorate-card:hover .directorate-icon{color:#1a5276;color:var(--primary-color);transform:scale(1.08) rotate(5deg)}.directorate-card h3{color:#1a5276;color:var(--primary-color);font-size:1.2rem;margin-bottom:12px;transition:all .3s ease;transition:var(--transition)}.directorate-card:hover h3{color:#e67e22;color:var(--accent-color)}.directorate-card p{color:#7f8c8d;color:var(--text-light);font-size:.9rem;line-height:1.6}.contact-section{background-color:#fff;background-color:var(--white);overflow:hidden;position:relative}.contact-section:after{background:linear-gradient(135deg,#e67e22,#f39c12);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-light) 100%);border-radius:50%;bottom:-80px;content:"";height:250px;opacity:.05;position:absolute;right:-80px;width:250px;z-index:0}.contact-section .container{position:relative;z-index:1}.contact-container{grid-gap:40px;display:grid;grid-template-columns:1fr}.contact-info h2{text-align:left}.contact-info h2:after{margin:15px 0 0}.contact-item{margin-bottom:20px;transition:all .3s ease;transition:var(--transition)}.contact-item:hover{transform:translateX(5px)}.contact-item .icon{color:#e67e22;color:var(--accent-color);font-size:1.3rem;margin-right:12px;transition:all .3s ease;transition:var(--transition)}.contact-item:hover .icon{color:#1a5276;color:var(--primary-color);transform:scale(1.05)}.contact-item h4{color:#1a5276;color:var(--primary-color);margin-bottom:5px}.contact-item p{color:#333;color:var(--text-color);font-size:.95rem;margin-bottom:0}.contact-form{background-color:#ecf0f1;background-color:var(--light-color);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);transition:all .3s ease;transition:var(--transition)}.contact-form:hover{box-shadow:0 10px 30px #00000026;box-shadow:var(--box-shadow-heavy)}.form-group{margin-bottom:18px;position:relative}.form-group input,.form-group select,.form-group textarea{background-color:#fff;background-color:var(--white);border:1px solid #bdc3c7;border:1px solid var(--light-dark);border-radius:8px;border-radius:var(--border-radius);font-family:inherit;font-size:.95rem;padding:12px;transition:all .3s ease;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1a5276;border-color:var(--primary-color);box-shadow:0 0 0 3px #1a52761a}.form-group label{color:#7f8c8d;color:var(--text-light);font-size:.95rem;left:12px;pointer-events:none;position:absolute;top:12px;transition:all .3s ease;transition:var(--transition)}.form-group input:focus~label,.form-group input:valid~label,.form-group textarea:focus~label,.form-group textarea:valid~label{background-color:#ecf0f1;background-color:var(--light-color);color:#1a5276;color:var(--primary-color);font-size:.75rem;left:10px;padding:0 5px;top:-8px}.submit-btn{background-color:#e67e22;background-color:var(--accent-color);font-size:.95rem;font-weight:600}.submit-btn:hover{background-color:#d35400;background-color:var(--accent-dark)}.footer{background-color:#2c3e50;background-color:var(--dark-color);color:#ecf0f1;color:var(--light-color);padding:50px 0 0;position:relative}.footer:before{background:linear-gradient(90deg,#1a5276,#e67e22);background:linear-gradient(to right,var(--primary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;top:0;width:100%}.footer-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.footer h3,.footer h4{color:#fff;color:var(--white);font-size:1.2rem;margin-bottom:15px;position:relative}.footer h3:after,.footer h4:after{background-color:#e67e22;background-color:var(--accent-color);bottom:-6px;content:"";height:2px;left:0;position:absolute;width:35px}.footer li,.footer p{color:#bdc3c7;font-size:.9rem;line-height:1.6;margin-bottom:8px}.footer-about p{margin-bottom:15px}.social-links{display:flex;gap:12px;margin-top:15px}.social-links a{align-items:center;background-color:#ffffff1a;border-radius:50%;color:#fff;color:var(--white);display:flex;font-size:1.1rem;height:35px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:35px}.social-links a:hover{background-color:#e67e22;background-color:var(--accent-color);color:#fff;color:var(--white);transform:translateY(-4px)}.footer-links ul,.footer-services ul{list-style:none}.footer-links li,.footer-services li{margin-bottom:10px;padding-left:12px;position:relative}.footer-links li:before,.footer-services li:before{color:#e67e22;color:var(--accent-color);content:"→";left:0;position:absolute;transition:all .3s ease;transition:var(--transition)}.footer-links li:hover:before,.footer-services li:hover:before{transform:translateX(4px)}.footer-links a{color:#bdc3c7;font-size:.9rem;transition:all .3s ease;transition:var(--transition)}.footer-links a:hover{color:#e67e22;color:var(--accent-color);padding-left:4px}.footer-services li{font-size:.9rem;transition:all .3s ease;transition:var(--transition)}.footer-services li:hover{color:#e67e22;color:var(--accent-color);padding-left:4px}.footer-contact p{align-items:center;display:flex;font-size:.9rem}.footer-contact strong{color:#fff;color:var(--white);display:inline-block;font-size:.9rem;min-width:60px}.footer-bottom{border-top:1px solid #ffffff1a;font-size:.85rem;padding-top:15px;text-align:center}.footer-bottom p{color:#95a5a6;margin-bottom:8px}.scroll-indicator{background-color:initial;height:3px;left:0;position:fixed;top:0;width:100%;z-index:1001}.scroll-progress{background:linear-gradient(90deg,#1a5276,#e67e22);background:linear-gradient(to right,var(--primary-color),var(--accent-color));height:100%;transition:width .1s ease;width:0}.back-to-top{align-items:center;background-color:#1a5276;background-color:var(--primary-color);border-radius:50%;bottom:25px;box-shadow:0 4px 12px #0000001a;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.1rem;height:45px;justify-content:center;opacity:0;position:fixed;right:25px;transition:all .3s ease;transition:var(--transition);visibility:hidden;width:45px;z-index:999}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background-color:#e67e22;background-color:var(--accent-color);transform:translateY(-4px)}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-top:2px solid var(--white);display:inline-block;height:18px;width:18px}.form-success{color:#27ae60;color:var(--success-color);font-size:.9rem;font-weight:600;margin-top:8px}.form-error{color:#e74c3c;color:var(--error-color);font-size:.85rem;margin-top:4px}@media (min-width:992px){h1{font-size:3rem}h2{font-size:2.5rem;margin-bottom:40px}h2:after{height:4px;width:80px}h3{font-size:1.8rem}h4{font-size:1.4rem}.section-intro{font-size:1.1rem}.hero-content h1{font-size:3.5rem}.subtitle{font-size:1.3rem}.highlight-item{padding:30px}.highlight-item h3{font-size:2.5rem}.highlight-item p{font-size:1rem}.model-3d-container{height:400px}.departments-grid{gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card-image{height:200px}.department-card h3{font-size:1.5rem}.card-details{font-size:1rem}.incharge-details p{font-size:.9rem}.leadership-grid{gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.leader-photo{height:320px!important}.leader-info .position{font-size:1rem}.leader-info .bio{font-size:.95rem}.directorates-grid{gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.directorate-card{padding:30px}.directorate-icon{font-size:3rem}.directorate-card h3{font-size:1.3rem}.directorate-card p{font-size:1rem}.contact-container{gap:50px;grid-template-columns:1fr 1fr}.footer-content{gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.footer h3,.footer h4{font-size:1.4rem}.footer li,.footer p,.footer-contact strong{font-size:1rem}}@media (max-width:1200px){.container{max-width:960px}}@media (max-width:992px){.container{max-width:720px}.hero-highlights{flex-wrap:wrap}}@media (max-width:768px){section{padding:50px 0}.container{max-width:540px}@media (max-width:768px){.header-main{align-items:center;flex-direction:row;justify-content:space-between;padding:8px 0}.nav-menu{margin-top:0;width:auto}.header-main .container{align-items:center;flex-direction:row;justify-content:space-between}}.nav-menu ul{flex-wrap:wrap;justify-content:center}.nav-menu li{margin:0 8px}.nav-menu a{font-size:.9rem}.hero-content h1{font-size:2.2rem}.subtitle{font-size:1rem}.highlight-item{padding:15px;width:calc(50% - 10px)}.highlight-item h3{font-size:1.8rem}.model-3d-container{height:250px}.departments-grid,.footer-content{grid-template-columns:1fr}.footer-content{gap:25px}.mobile-menu-btn{display:block;position:absolute;right:15px;top:15px}.tools-dropdown{animation:none;margin-top:8px;position:static;width:100%}}@media (max-width:576px){.container{padding:0 15px}h1{font-size:2rem}h2{font-size:1.6rem}.contact-info{align-items:flex-start;flex-direction:column}.contact-info span{margin-bottom:8px}.hero-content h1{font-size:1.8rem}.highlight-item{margin-bottom:12px;width:100%}.hero-highlights{flex-direction:column;gap:12px}@media (max-width:768px){.nav-menu ul{flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}.nav-menu li{margin:0 5px}.nav-menu a{font-size:.85rem;padding:5px 8px}}.contact-form{padding:20px}.incharge-info{flex-direction:column;text-align:center}.incharge-photo{margin-bottom:12px;margin-right:0}.back-to-top{bottom:15px;font-size:1rem;height:40px;right:15px;width:40px}.logo-wrapper{flex-direction:row;gap:8px}.company-name{font-size:1.2rem}.company-tagline{display:none}.company-logo{height:45px;width:45px}.company-name{font-size:1.4rem}.company-tagline{font-size:.75rem}}@media print{.back-to-top,.footer,.header,.model-3d-container,.scroll-indicator{display:none!important}body{background:#fff;color:#000}.container{max-width:100%;width:100%}section{padding:30px 0;page-break-inside:avoid}a{color:#000;text-decoration:underline}.btn{display:none}}.slideshow-container{align-items:center;display:flex;justify-content:center}.contact-section{background-color:#f9f9f9;padding:80px 0}.contact-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}.contact-info{flex:1 1;min-width:300px}.contact-info h2{color:#333;font-size:2.5rem;margin-bottom:20px}.contact-info>p{color:#666;font-size:1.1rem;margin-bottom:30px}.contact-details{display:flex;flex-direction:column;gap:20px}.contact-item{align-items:flex-start;display:flex;gap:15px}.contact-item .icon{color:#007bff;font-size:1.2rem;margin-top:4px}.contact-item h4{color:#333;font-size:1.1rem;margin:0 0 5px}.contact-item p{color:#666;margin:0}.contact-form{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;flex:1 1;min-width:300px;padding:30px}.form-group{margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:12px 15px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;outline:none}.form-group input.error,.form-group textarea.error{border-color:#dc3545}.error-text{color:#dc3545;display:block;font-size:.85rem;margin-top:5px}.submit-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:background-color .3s;width:100%}.submit-btn:hover{background-color:#0056b3}.submit-btn:disabled{background-color:#6c757d;cursor:not-allowed}.submit-status{align-items:center;border-radius:4px;display:flex;gap:10px;margin-bottom:20px;padding:15px}.submit-status.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.submit-status.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-icon{font-size:1.2rem}@media (max-width:768px){.contact-container{flex-direction:column}.contact-form,.contact-info{width:100%}}.welcome-page{align-items:center;animation:bgMotion 18s ease infinite;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);background-size:300% 300%;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh;inset:0;justify-content:center;overflow:hidden;padding:10px;position:fixed;width:100%;z-index:2000}.welcome-bg{background:radial-gradient(circle at 30% 30%,#ffffff0d,#0000 70%),radial-gradient(circle at 70% 70%,#00ffc814,#0000 60%);inset:0;position:absolute;z-index:-1}.company-logo{animation:fadeIn 1.2s ease forwards;filter:drop-shadow(0 0 10px rgba(0,255,200,.4));height:70px;margin-bottom:10px;width:70px}.welcome-header{margin-bottom:20px;text-align:center}.cinematic-title{-webkit-text-fill-color:#0000;animation:fadeInDown 1.5s ease forwards;background:linear-gradient(90deg,#00e0ff,#0f8);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:1.8rem;font-weight:700;letter-spacing:1.5px;text-shadow:0 2px 12px #00ffc833;text-transform:uppercase}.cinematic-subtitle{animation:fadeInUp 2s ease forwards;color:#e0e0e0;font-size:.95rem;font-weight:400;margin-top:4px}.animation-container{animation:fadeIn 2s ease forwards;margin:15px 0;max-width:85%;width:220px}.welcome-message{animation:fadeIn 3s ease forwards;max-width:480px;opacity:0;padding:12px;text-align:center}.cinematic-heading{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:12px;text-shadow:0 2px 10px #00ffc84d}.cinematic-heading:after{background:linear-gradient(90deg,#00e0ff,#0f8);border-radius:2px;content:"";display:block;height:2px;margin:10px auto 0;width:70px}.cinematic-description{color:#e0e0e0;font-size:.9rem;font-style:italic;line-height:1.5;margin-bottom:22px}.enter-btn{animation:pulse 2.2s infinite;background:linear-gradient(135deg,#00e0ff,#0f8);border:none;border-radius:50px;box-shadow:0 0 15px #00ffc899;color:#0f2027;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 35px;transition:all .3s ease}.enter-btn:hover{animation:none;background:#0000;border:2px solid #00e0ff;box-shadow:0 0 20px #00e0ffcc;color:#00e0ff}@keyframes bgMotion{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 #00e0ff99}70%{box-shadow:0 0 0 15px #00e0ff00}to{box-shadow:0 0 0 0 #00e0ff00}}@media (min-width:992px){.cinematic-title{font-size:2.2rem}.cinematic-subtitle{font-size:1.05rem}.animation-container{width:260px}.cinematic-heading{font-size:1.6rem}.cinematic-description{font-size:1rem}.enter-btn{font-size:1.05rem;padding:14px 40px}.company-logo{height:80px;width:80px}}@media (max-width:480px){.company-logo{height:60px;width:60px}.animation-container{width:180px}.cinematic-title{font-size:1.5rem}.cinematic-subtitle{font-size:.85rem}.cinematic-heading{font-size:1.2rem}.cinematic-description{font-size:.82rem}.enter-btn{font-size:.9rem;padding:10px 28px}}.tools-menu-item{position:relative}.tools-dropdown{animation:fadeInDown .3s ease;background-color:#fff;background-color:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 10px 30px #00000026;box-shadow:var(--box-shadow-heavy);left:0;min-width:200px;overflow:hidden;position:absolute;top:100%;z-index:1000}.tools-dropdown a{border-bottom:1px solid #bdc3c7;border-bottom:1px solid var(--light-dark);color:#2c3e50;color:var(--dark-color);display:block;padding:12px 20px;transition:all .3s ease;transition:var(--transition)}.tools-dropdown a:last-child{border-bottom:none}.tools-dropdown a:hover{background-color:#1a5276;background-color:var(--primary-color);color:#fff;color:var(--white);padding-left:25px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.tools-menu-item{text-align:center;width:100%}.tools-dropdown{animation:fadeInDown .3s ease;left:50%;margin-top:0;position:absolute;transform:translateX(-50%);width:180px}}.logo-wrapper{align-items:center;display:flex;gap:15px}.company-logo{height:60px;width:60px}.company-name{font-size:1.8rem;margin-bottom:5px}.company-tagline{color:#7f8c8d;color:var(--text-light);font-size:.9rem}.header-main .container{align-items:center;display:flex;justify-content:space-between}@media (max-width:768px){.header-main .container{flex-direction:column;text-align:center}.logo-wrapper{justify-content:center;margin-bottom:15px}.company-logo{height:50px;width:50px}.company-name{font-size:1.6rem}}@media (max-width:576px){.logo-wrapper{flex-direction:column;gap:10px}.company-logo{height:45px;width:45px}.company-name{font-size:1.4rem}.company-tagline{font-size:.8rem}}@media (max-width:480px){.nav-menu ul{justify-content:flex-start;overflow-x:auto;padding-bottom:5px;white-space:nowrap}.nav-menu ul::-webkit-scrollbar{height:3px}.nav-menu ul::-webkit-scrollbar-thumb{background-color:#1a5276;background-color:var(--primary-color);border-radius:3px}}.admin-overlay{align-items:center;background-color:#000000d9;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100%;z-index:2000}.admin-modal{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.admin-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#7f8c8d;color:var(--text-light);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;transition:var(--transition);width:40px;z-index:10}.admin-close-btn:hover{background-color:#0000001a;color:#e74c3c;color:var(--error-color);transform:rotate(90deg)}.admin-login-panel{padding:40px;text-align:center}.admin-login-panel h2{color:#1a5276;color:var(--primary-color);margin-bottom:20px}.admin-login-panel p{color:#7f8c8d;color:var(--text-light);margin-bottom:20px}.admin-otp-input{font-size:1rem}.admin-panel-container{padding:30px}.admin-panel-header{align-items:center;border-bottom:1px solid #bdc3c7;border-bottom:1px solid var(--light-dark);display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.admin-panel-header h2{margin-bottom:0;text-align:left}.admin-panel-header h2:after{display:none}.admin-tabs-container{border-bottom:1px solid #bdc3c7;border-bottom:1px solid var(--light-dark);display:flex;margin-bottom:20px}.admin-tab-btn{background:#0000;border:none;color:#7f8c8d;color:var(--text-light);cursor:pointer;font-weight:600;padding:12px 25px;position:relative}.admin-tab-btn,.admin-tab-btn:after{transition:all .3s ease;transition:var(--transition)}.admin-tab-btn:after{background:linear-gradient(90deg,#1a5276,#e67e22);background:linear-gradient(to right,var(--primary-color),var(--accent-color));bottom:-1px;content:"";height:3px;left:0;position:absolute;width:0}.admin-tab-active,.admin-tab-btn:hover{color:#1a5276;color:var(--primary-color)}.admin-tab-active:after{width:100%}.admin-add-project-btn{align-items:center;display:flex;gap:8px;margin-bottom:25px}.admin-loading{text-align:center}.admin-no-projects{color:#7f8c8d;color:var(--text-light);padding:40px;text-align:center}.admin-projects-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:30px}.admin-project-card{background:#fff;background:var(--white);border:1px solid #bdc3c7;border:1px solid var(--light-dark);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 5px 15px #0000001a;box-shadow:var(--box-shadow);display:flex;overflow:hidden;transition:all .3s ease;transition:var(--transition)}.admin-project-card:hover{box-shadow:0 10px 30px #00000026;box-shadow:var(--box-shadow-heavy);transform:translateY(-5px)}.admin-project-img{flex-shrink:0;height:100px;object-fit:cover;width:100px}.admin-project-info{flex-grow:1;padding:15px}.admin-project-info h3{color:#2c3e50;color:var(--dark-color);font-size:1.1rem;margin-bottom:5px}.admin-project-info p{color:#7f8c8d;color:var(--text-light);font-size:.85rem;margin-bottom:8px}.admin-project-status{border-radius:12px;font-size:.8rem;font-weight:600;padding:3px 8px}.admin-status-completed{background-color:#27ae6026;color:#27ae60;color:var(--success-color)}.admin-status-progress{background-color:#f1c40f26;color:#f1c40f;color:var(--warning-color)}.admin-project-actions{border-left:1px solid #bdc3c7;border-left:1px solid var(--light-dark);display:flex;flex-direction:column;padding:10px}.admin-action-btn{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease;transition:var(--transition)}.admin-edit-btn{color:#1a5276;color:var(--primary-color);margin-bottom:5px}.admin-edit-btn:hover{background-color:#1a52761a}.admin-delete-btn{color:#e74c3c;color:var(--error-color)}.admin-delete-btn:hover{background-color:#e74c3c1a}.admin-btn{border-radius:8px;border-radius:var(--border-radius);font-size:.9rem;font-weight:600;gap:8px;margin-left:10px;margin-right:20px;padding:10px 20px;transition:all .3s ease;transition:var(--transition)}.admin-btn-primary{background:linear-gradient(90deg,#1a5276,#2874a6);background:linear-gradient(to right,var(--primary-color),var(--primary-light));color:var(--white)}.admin-btn-primary:hover{background:linear-gradient(90deg,#154360,#1a5276);background:linear-gradient(to right,var(--primary-dark),var(--primary-color));box-shadow:0 5px 15px #1a52764d;transform:translateY(-2px)}.admin-btn-secondary{background:#0000;border:1px solid #bdc3c7;border:1px solid var(--light-dark);color:#7f8c8d;color:var(--text-light)}.admin-btn-secondary:hover{background-color:#0000000d;color:#2c3e50;color:var(--dark-color)}.project-editor-overlay{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:2100}.project-editor-modal{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;padding:30px;width:100%}.project-editor-modal h3{color:#1a5276;color:var(--primary-color);margin-bottom:25px;text-align:center}.project-editor-form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.project-form-group{display:flex;flex-direction:column}.project-form-group label{color:#2c3e50;color:var(--dark-color);font-weight:600;margin-bottom:8px}.project-form-input,.project-form-select,.project-form-textarea{border:1px solid #bdc3c7;border:1px solid var(--light-dark);border-radius:8px;border-radius:var(--border-radius);font-size:.95rem;padding:12px 15px;transition:all .3s ease;transition:var(--transition)}.project-form-input:focus,.project-form-select:focus,.project-form-textarea:focus{border-color:#1a5276;border-color:var(--primary-color);box-shadow:0 0 0 3px #1a52761a;outline:none}.project-form-textarea{min-height:100px;resize:vertical}.progress-slider-container{align-items:center;display:flex;gap:15px}.progress-slider{-webkit-appearance:none;appearance:none;background:#bdc3c7;background:var(--light-dark);border-radius:5px;flex-grow:1;height:5px;outline:none}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1a5276;background:var(--primary-color);border-radius:50%;cursor:pointer;height:18px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition);width:18px}.progress-slider::-webkit-slider-thumb:hover{background:#154360;background:var(--primary-dark);transform:scale(1.2)}.progress-value{color:#1a5276;color:var(--primary-color);font-weight:600;min-width:45px}.project-photos-management{border:1px dashed #bdc3c7;border:1px dashed var(--light-dark);border-radius:8px;border-radius:var(--border-radius);padding:20px}.project-add-photo{margin-bottom:20px}.project-photo-input{margin-bottom:8px;width:100%}.project-photo-help{color:#7f8c8d;color:var(--text-light);font-size:.85rem;margin:0}.project-existing-photos,.project-new-photos{margin-top:20px}.project-existing-photos h4,.project-new-photos h4{color:#2c3e50;color:var(--dark-color);font-size:1rem;margin-bottom:12px}.project-photo-item{border-radius:var(--border-radius);box-shadow:0 3px 8px #0000001a;transition:all .3s ease;transition:var(--transition)}.project-photo-item:hover{box-shadow:0 5px 15px #00000026;transform:translateY(-3px)}.project-photo-item img{display:block;height:80px}.project-remove-photo-btn{background:#e74c3ce6;font-size:.7rem;opacity:0;transition:all .3s ease;transition:var(--transition)}.project-photo-item:hover .project-remove-photo-btn{opacity:1}.project-checkbox-group{margin-top:10px}.project-checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400}.project-checkbox-input{cursor:pointer;opacity:0;position:absolute}.project-checkmark{background-color:#fff;background-color:var(--white);border:1px solid #bdc3c7;border:1px solid var(--light-dark);border-radius:4px;height:20px;margin-right:10px;position:relative;transition:all .3s ease;transition:var(--transition);width:20px}.project-checkbox-input:checked~.project-checkmark{background-color:#1a5276;background-color:var(--primary-color);border-color:#1a5276;border-color:var(--primary-color)}.project-checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.project-checkbox-input:checked~.project-checkmark:after{display:block}.project-editor-actions{border-top:1px solid #bdc3c7;border-top:1px solid var(--light-dark);display:flex;gap:15px;justify-content:flex-end;margin-top:25px;padding-top:20px}@media (max-width:768px){.admin-modal{max-height:95vh;padding:15px}.admin-panel-container{padding:20px 15px}.admin-panel-header{align-items:flex-start;flex-direction:column;gap:15px}.admin-tabs-container{border-bottom:none;flex-direction:column}.admin-tab-btn{border-bottom:1px solid #bdc3c7;border-bottom:1px solid var(--light-dark)}.admin-projects-list{grid-template-columns:1fr}.project-editor-modal{padding:20px 15px}.project-editor-actions{flex-direction:column}.progress-slider-container{align-items:flex-start;flex-direction:column;gap:10px}.project-photos-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media (max-width:576px){.admin-project-card{flex-direction:column}.admin-project-img{height:150px;width:100%}.admin-project-actions{border-left:none;border-top:1px solid #bdc3c7;border-top:1px solid var(--light-dark);flex-direction:row;justify-content:center;padding:10px}.admin-action-btn{margin:0 5px}}.projects-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);overflow:hidden;padding:80px 0 60px;position:relative}.projects-section:before{background:linear-gradient(135deg,#1a5276,#3498db);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);height:300px;right:-100px;top:-100px;width:300px}.projects-section:after,.projects-section:before{border-radius:50%;content:"";opacity:.03;position:absolute;z-index:0}.projects-section:after{background:linear-gradient(135deg,#e67e22,#f39c12);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-light) 100%);bottom:-80px;height:250px;left:-80px;width:250px}.projects-section .container{position:relative;z-index:1}.projects-section h2{-webkit-text-fill-color:#0000;background:#0f0c0c;-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700;margin-bottom:15px;text-align:center}.projects-section h2:after{height:4px;margin:20px auto 0;width:80px}.section-intro{color:#7f8c8d;color:var(--text-light);font-size:1rem;line-height:1.6;margin:0 auto 40px;max-width:700px;padding:0 15px;text-align:center}.projects-tabs{background:#fff;background:var(--white);border-radius:50px;box-shadow:0 4px 15px #00000014;display:flex;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:400px;padding:6px;position:relative;z-index:2}.projects-tabs button{background:#0000;border:none;border-radius:30px;color:#7f8c8d;color:var(--text-light);cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:12px 25px;position:relative;text-align:center;transition:all .3s ease;z-index:1}.projects-tabs button.active{background:linear-gradient(135deg,#1a5276,#2874a6);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));box-shadow:0 4px 12px #1a527640;color:#fff;color:var(--white)}.projects-tabs button:not(.active):hover{background:#1a52760d;color:#1a5276;color:var(--primary-color)}.projects-tabs button:after{background:linear-gradient(90deg,#1a5276,#e67e22);background:linear-gradient(to right,var(--primary-color),var(--accent-color));border-radius:3px;bottom:-6px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;transition:var(--transition);width:0}.projects-tabs button.active,.projects-tabs button:hover{color:#1a5276;color:var(--primary-color)}.projects-tabs button.active{background:#1a52760d}.projects-tabs button.active:after{width:70%}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:30px}.no-projects{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 5px 15px #0000001a;box-shadow:var(--box-shadow);padding:60px 20px}.no-projects p{font-size:1.1rem;opacity:.8}.no-projects,.no-projects p{color:#7f8c8d;color:var(--text-light)}.no-projects{grid-column:1/-1;padding:40px 20px;text-align:center}.no-projects p{font-size:1rem;margin:0}@media (max-width:768px){.projects-section{padding:60px 0 40px}.projects-section h2{font-size:1.8rem;margin-bottom:20px}.section-intro{margin-bottom:30px;padding:0 10px}.projects-tabs{margin-bottom:30px;max-width:320px;padding:4px}.projects-tabs button{font-size:.9rem;padding:10px 20px}.projects-grid{gap:20px;grid-template-columns:1fr;margin-top:20px}.no-projects{margin:0 10px;padding:40px 15px}.no-projects p{font-size:1rem}}@media (max-width:480px){.projects-section{padding:50px 0 30px}.projects-section h2{font-size:1.6rem}.section-intro{font-size:.9rem;margin-bottom:25px}.projects-tabs{max-width:280px}.projects-tabs button{font-size:.85rem;padding:8px 16px}.projects-grid{gap:15px}}.project-card{background:#fff;background:var(--white);border:1px solid #0000000d;border-radius:16px;box-shadow:0 8px 25px #00000014;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.project-card:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-8px) scale(1.02)}.project-card:hover .project-image img{transform:scale(1.1)}.project-card h3{align-items:center;display:flex;min-height:68px}.project-card p{-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;display:-webkit-box;min-height:72px;overflow:hidden}.project-status{align-items:center;display:flex;justify-content:space-between}.project-date{color:#7f8c8d;color:var(--text-light);font-size:.8rem}.project-card:before{background:linear-gradient(135deg,#1a52761a,#e67e221a);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;transition:var(--transition);width:100%;z-index:1}.project-card:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-10px)}.project-card:hover:before{opacity:1}.project-image{height:220px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.08)}.project-overlay{align-items:center;background:linear-gradient(0deg,#000000b3 0,#0000);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;transition:var(--transition);width:100%}.project-card:hover .project-overlay{opacity:1}.view-details{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:30px;color:#fff;color:var(--white);font-weight:600;padding:10px 20px;transform:translateY(20px);transition:all .3s ease;transition:var(--transition)}.project-card:hover .view-details{transform:translateY(0)}.project-content{display:flex;flex-direction:column;flex-grow:1;padding:24px}.project-category{background:#1a52761a;border-radius:20px;color:#1a5276;color:var(--primary-color);display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:12px;padding:5px 12px}.project-card h3{color:#2c3e50;color:var(--dark-color);font-size:1.3rem;line-height:1.4;margin-bottom:12px;transition:all .3s ease;transition:var(--transition)}.project-card:hover h3{color:#1a5276;color:var(--primary-color)}.project-card p{color:#7f8c8d;color:var(--text-light);flex-grow:1;line-height:1.6;margin-bottom:20px}.project-status{margin-top:auto}.project-status span{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:6px 14px}.project-status .completed{background:#27ae6026;color:#27ae60;color:var(--success-color)}.project-status .in-progress{background:#f1c40f26;color:#f1c40f;color:var(--warning-color)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000eb;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100%;z-index:2000}.modal-content{background:#fff;background:var(--white);border-radius:20px;box-shadow:0 30px 60px #0006;display:flex;flex-direction:column;max-height:95vh;max-width:1200px;overflow:hidden;position:relative;width:100%}.modal-close{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000001a;border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.2rem;height:45px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;transition:var(--transition);width:45px;z-index:10}.modal-close:hover{background:#e74c3ce6;transform:rotate(90deg)}.modal-header{background:linear-gradient(135deg,#1a5276,#154360);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#fff;color:var(--white);padding:30px 30px 20px;position:relative}.modal-header .project-category{background:#fff3;border-radius:20px;color:#fff;color:var(--white);display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:15px;padding:6px 14px}.modal-header h2{color:#fff!important;color:var(--white)!important;font-size:2.2rem;margin-bottom:0;text-shadow:0 2px 4px #0003}.modal-header h2:after{display:none}.modal-body{grid-template-columns:1fr;max-height:calc(95vh - 140px);overflow-y:auto;padding:0}.project-gallery{border-bottom:1px solid #00000014;padding:30px;position:relative}.main-photo{border-radius:16px;box-shadow:0 15px 35px #00000026;height:450px;margin-bottom:20px;overflow:hidden;position:relative}.main-photo img{display:block;height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.main-photo:hover img{transform:scale(1.02)}.nav-button{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 8px 20px #00000026;color:#2c3e50;color:var(--dark-color);cursor:pointer;display:flex;font-size:1.4rem;height:60px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:60px;z-index:2}.nav-button:hover{background:#1a5276;background:var(--primary-color);color:#fff;color:var(--white);transform:translateY(-50%) scale(1.1)}.nav-button.prev{left:25px}.nav-button.next{right:25px}.photo-counter{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000bf;border-radius:25px;bottom:20px;color:#fff;color:var(--white);font-size:.9rem;font-weight:600;padding:8px 16px;position:absolute;right:20px;z-index:2}.photo-thumbnails{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));padding:10px 0}.photo-thumbnails img{border:3px solid #0000;border-radius:10px;cursor:pointer;height:80px;object-fit:cover;transition:all .3s ease;width:100%}.photo-thumbnails img:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-5px)}.photo-thumbnails img.active{border-color:#1a5276;border-color:var(--primary-color);box-shadow:0 0 0 3px #1a52764d;transform:translateY(-3px)}.project-details{background:#fafafa;padding:30px}.project-details h3{color:#154360;color:var(--primary-dark);font-size:1.6rem;font-weight:700;margin-bottom:25px;padding-bottom:12px;position:relative}.project-details h3:after{background:linear-gradient(90deg,#1a5276,#e67e22);background:linear-gradient(to right,var(--primary-color),var(--accent-color));border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:60px}.project-details>p{background:#fff;background:var(--white);border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#333;color:var(--text-color);font-size:1.05rem;line-height:1.8;margin-bottom:30px;padding:15px}.project-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:25px}.info-item{background:#fff;background:var(--white);border-left:4px solid #1a5276;border-left:4px solid var(--primary-color);border-radius:12px;box-shadow:0 5px 15px #0000000d;display:flex;flex-direction:column;padding:20px;transition:all .3s ease}.info-item:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.info-item .label{color:#7f8c8d;color:var(--text-light);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.info-item .value{color:#2c3e50;color:var(--dark-color);font-size:1.1rem;font-weight:600}.info-item .value.completed{color:#27ae60;color:var(--success-color)}.info-item .value.in-progress{color:#f1c40f;color:var(--warning-color)}@media (min-width:992px){.modal-body{grid-template-columns:1fr 1fr;max-height:calc(90vh - 120px)}.project-gallery{border-bottom:none;border-right:1px solid #00000014}.modal-body{grid-template-columns:1.2fr .8fr;max-height:calc(95vh - 140px)}.project-gallery{border-bottom:none;border-right:1px solid #00000014}.main-photo{height:500px}}@media (max-width:991px){.main-photo{height:380px}}@media (max-width:768px){.modal-content{border-radius:15px}.modal-header{padding:20px}.modal-header h2{font-size:1.8rem}.project-details,.project-gallery{padding:20px}.main-photo{height:300px}.nav-button{font-size:1.2rem;height:50px;width:50px}.nav-button.prev{left:15px}.nav-button.next{right:15px}.project-info-grid{grid-template-columns:1fr}}@media (max-width:576px){.modal-overlay{padding:10px}.modal-close{font-size:1.1rem;height:40px;right:10px;top:10px;width:40px}.main-photo{height:250px}.photo-thumbnails{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.photo-thumbnails img{height:60px}.project-details h3{font-size:1.4rem}.info-item{padding:15px}}.info-item,.main-photo img{animation:slideIn .5s ease forwards}.info-item:first-child{animation-delay:.1s}.info-item:nth-child(2){animation-delay:.2s}.info-item:nth-child(3){animation-delay:.3s}.info-item:nth-child(4){animation-delay:.4s}.info-item:nth-child(5){animation-delay:.5s}.info-item:nth-child(6){animation-delay:.6s}@media (max-width:991px){.projects-grid{gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-image{height:200px}.main-photo img{height:300px}}@media (max-width:768px){.projects-section{padding:80px 0}.projects-section h2{font-size:2.2rem}.projects-tabs{align-items:center;gap:10px}.projects-tabs button{width:200px}.projects-grid{gap:20px;grid-template-columns:1fr}.modal-content{border-radius:15px}.modal-header{padding:20px}.modal-header h2{font-size:1.6rem}.project-details,.project-gallery{padding:20px}.main-photo img{height:250px}.nav-button{font-size:1rem;height:40px;width:40px}.project-info-grid{grid-template-columns:1fr}}@media (max-width:576px){.projects-section h2{font-size:1.8rem}.section-intro{font-size:1rem;margin-bottom:30px}.project-card{border-radius:12px}.project-content{padding:20px}.project-card h3{font-size:1.2rem}.modal-overlay{padding:10px}.modal-close{font-size:1rem;height:35px;right:10px;top:10px;width:35px}.main-photo img{height:200px}.photo-thumbnails{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.photo-thumbnails img{height:50px}}.project-photos-management{margin-top:10px}.project-photos-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:10px}.project-photo-item{border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;position:relative}.project-photo-item img{height:100px;object-fit:cover;width:100%}.project-remove-photo-btn{align-items:center;background:#ff0000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:5px;top:5px;width:24px}.project-photo-help{color:#666;font-size:12px;margin-top:5px}.project-existing-photos,.project-new-photos{border:1px solid #eee;border-radius:8px;margin-top:15px;padding:10px}.project-existing-photos h4,.project-new-photos h4{color:#333;font-size:14px;margin:0 0 10px}@media (max-width:768px){.header-top{display:none}.header-main .container{align-items:center;flex-direction:row;justify-content:space-between;padding:0 15px;position:relative}.logo-wrapper{flex-direction:row;gap:10px}.company-name{font-size:1.4rem;margin:0}.company-tagline{display:none}.company-logo{height:45px;width:45px}.desktop-menu{display:none!important}.mobile-menu-btn{align-items:center;background:linear-gradient(135deg,#1a5276,#2874a6);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:none;border-radius:8px;box-shadow:0 2px 8px #1a527633;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:1001}.mobile-menu-btn:hover{box-shadow:0 4px 12px #1a52764d;transform:translateY(-2px)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.mobile-menu-popup{background:#fff;background:var(--white);border-radius:20px;box-shadow:0 20px 40px #00000040;display:flex;flex-direction:column;left:50%;max-height:80vh;max-width:320px;overflow:hidden;position:fixed;top:0!important;transform:translate(-50%)!important;width:85%;z-index:1000}@media (max-height:600px){.mobile-menu-popup{max-height:calc(100vh - 100px);top:50px;transform:translate(-50%)}}.popup-header{align-items:center;background:linear-gradient(135deg,#1a5276,#154360);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;color:var(--white);display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.popup-title{font-size:1.3rem;font-weight:600;letter-spacing:.5px}.popup-close-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;height:35px;justify-content:center;transition:all .3s ease;width:35px}.popup-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.popup-content{flex:1 1;overflow-y:auto;padding:20px}.popup-content ul{list-style:none;margin:0;padding:0}.popup-content li{margin-bottom:10px}.popup-content a{align-items:center;background:#1a52760d;border-radius:12px;color:#2c3e50;color:var(--dark-color);display:flex;font-weight:500;padding:15px;text-decoration:none;transition:all .3s ease}.popup-content a:hover{background:linear-gradient(135deg,#1a5276,#2874a6);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));box-shadow:0 5px 15px #1a527633;color:#fff;color:var(--white);transform:translateX(5px)}.menu-icon{font-size:1.2rem;margin-right:12px;text-align:center;width:24px}.profile-mobile-link{background:linear-gradient(135deg,#e67e22,#f39c12)!important;background:linear-gradient(135deg,var(--accent-color),var(--accent-light))!important;color:#fff!important;color:var(--white)!important}.profile-mobile-link:hover{background:linear-gradient(135deg,#f39c12,#e67e22)!important;background:linear-gradient(135deg,var(--accent-light),var(--accent-color))!important}.popup-footer{border-top:1px solid #0000001a;display:flex;flex-direction:column;flex-shrink:0;gap:15px;padding:20px}.company-info-mobile{text-align:center}.company-info-mobile p:first-child{color:#1a5276;color:var(--primary-color);font-size:.9rem;font-weight:600;margin-bottom:5px}.company-info-mobile p:last-child{color:#7f8c8d;color:var(--text-light);font-size:.8rem;margin-bottom:0}.popup-close-bottom{background:linear-gradient(135deg,#1a5276,#2874a6);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:all .3s ease}.popup-close-bottom:hover{background:linear-gradient(135deg,#2874a6,#1a5276);background:linear-gradient(135deg,var(--primary-light),var(--primary-color));transform:translateY(-2px)}}@media (max-width:480px){.header-main{padding:10px 0}.company-name{font-size:1.2rem;line-height:1.2;margin-right:80px}.company-logo{height:40px;width:40px}.mobile-menu-btn{font-size:1rem;height:35px;right:10px;top:10px;width:35px}.mobile-menu-popup{max-height:85vh;width:90%}.popup-header{padding:15px}.popup-title{font-size:1.1rem}.popup-content{padding:15px}.popup-content a{font-size:.95rem;padding:12px}.popup-footer{padding:15px}@media (max-height:500px){.mobile-menu-popup{max-height:calc(100vh - 60px);top:30px}}}@media (min-width:769px){.mobile-menu-btn,.mobile-menu-overlay,.mobile-menu-popup{display:none!important}.desktop-menu{display:block!important}.profile-link{align-items:center;background:linear-gradient(135deg,#e67e22,#f39c12);background:linear-gradient(135deg,var(--accent-color),var(--accent-light));border-radius:20px;color:#fff;color:var(--white);display:flex;gap:5px;padding:8px 15px!important;transition:all .3s ease}.profile-link:hover{background:linear-gradient(135deg,#f39c12,#e67e22);background:linear-gradient(135deg,var(--accent-light),var(--accent-color));box-shadow:0 5px 15px #e67e224d;transform:translateY(-2px)}}.nav-menu a{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (min-width:769px){.nav-menu ul{display:flex;gap:25px;list-style:none;margin:0;padding:0}.nav-menu a,.nav-menu li{position:relative}.nav-menu a{color:#2c3e50;color:var(--dark-color);font-weight:600;padding:8px 0}.nav-menu a:after{background:linear-gradient(90deg,#1a5276,#e67e22);background:linear-gradient(to right,var(--primary-color),var(--accent-color));bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-menu a:hover:after{width:100%}.nav-menu a:hover{color:#1a5276;color:var(--primary-color)}}:root{--primary-color:#1a5276;--primary-light:#2874a6;--primary-dark:#154360;--accent-color:#e67e22;--accent-light:#f39c12;--dark-color:#2c3e50;--text-light:#7f8c8d;--white:#fff}body.menu-open{height:100%;overflow:hidden;position:fixed;width:100%}.mobile-menu-popup{background:#fff;background:var(--white);border-radius:20px;box-shadow:0 20px 40px #00000040;display:flex;flex-direction:column;max-height:80vh;max-width:320px;overflow:hidden;position:fixed;width:85%;z-index:1000}.popup-header{align-items:center;background:linear-gradient(135deg,#1a5276,#154360);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;color:var(--white);display:flex;flex-shrink:0;justify-content:center;padding:20px}.popup-title{font-size:1.3rem;font-weight:600;letter-spacing:.5px}.popup-content{flex:1 1;overflow-y:auto;padding:20px}.popup-content ul{list-style:none;margin:0;padding:0}.popup-content li{margin-bottom:10px}.popup-content a{align-items:center;background:#1a52760d;border-radius:12px;color:#2c3e50;color:var(--dark-color);display:flex;font-weight:500;padding:15px;text-decoration:none;transition:all .3s ease}.popup-content a:hover{background:linear-gradient(135deg,#1a5276,#2874a6);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));box-shadow:0 5px 15px #1a527633;color:#fff;color:var(--white);transform:translateX(5px)}.menu-icon{font-size:1.2rem;margin-right:12px;text-align:center;width:24px}.profile-mobile-link{background:linear-gradient(135deg,#e67e22,#f39c12)!important;background:linear-gradient(135deg,var(--accent-color),var(--accent-light))!important;color:#fff!important;color:var(--white)!important}.profile-mobile-link:hover{background:linear-gradient(135deg,#f39c12,#e67e22)!important;background:linear-gradient(135deg,var(--accent-light),var(--accent-color))!important}.popup-footer{border-top:1px solid #0000001a;display:flex;flex-direction:column;flex-shrink:0;gap:15px;padding:20px}.company-info-mobile{text-align:center}.company-info-mobile p:first-child{color:#1a5276;color:var(--primary-color);font-size:.9rem;font-weight:600;margin-bottom:5px}.company-info-mobile p:last-child{color:#7f8c8d;color:var(--text-light);font-size:.8rem;margin-bottom:0}.popup-close-bottom{background:linear-gradient(135deg,#1a5276,#2874a6);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:all .3s ease}.popup-close-bottom:hover{background:linear-gradient(135deg,#2874a6,#1a5276);background:linear-gradient(135deg,var(--primary-light),var(--primary-color));transform:translateY(-2px)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.mobile-menu-btn{align-items:center;background:linear-gradient(135deg,#1a5276,#2874a6);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:none;border-radius:8px;box-shadow:0 2px 8px #1a527633;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:1001}.mobile-menu-btn:hover{box-shadow:0 4px 12px #1a52764d;transform:translateY(-2px)}.profile-link{align-items:center;background:linear-gradient(135deg,#e67e22,#f39c12);background:linear-gradient(135deg,var(--accent-color),var(--accent-light));border-radius:20px;color:#fff;color:var(--white);display:flex;gap:5px;padding:8px 15px!important;transition:all .3s ease}.profile-link:hover{background:linear-gradient(135deg,#f39c12,#e67e22);background:linear-gradient(135deg,var(--accent-light),var(--accent-color));box-shadow:0 5px 15px #e67e224d;transform:translateY(-2px)}@media (max-width:768px){.header-top{display:none}.desktop-menu{display:none!important}}@media (min-width:769px){.mobile-menu-btn,.mobile-menu-overlay,.mobile-menu-popup{display:none!important}.desktop-menu{display:block!important}}@media (max-width:480px){.projects-section{padding:50px 0 30px}.projects-section h2{font-size:1.6rem}.section-intro{font-size:.9rem;margin-bottom:30px}.projects-tabs button{font-size:.85rem;padding:6px 12px}}.certificates-grid{align-items:center;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.certificate-item{align-items:center;height:300px;justify-content:center}.certificate-img{height:100%}@media (max-width:992px){.certificates-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.certificate-item{height:250px;padding:15px}}@media (max-width:768px){.certificate-section{padding:60px 0}.certificates-grid{grid-template-columns:1fr;margin:0 auto;max-width:400px}.certificate-item{height:220px}}@media (max-width:480px){.certificate-section{padding:50px 0}.certificate-item{height:200px;padding:10px}}.certificate-link-container{margin-top:15px;text-align:center}.certificate-link-btn{background:#1a5276;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;max-width:250px;padding:12px 20px;text-align:center;transition:all .3s ease;transition:var(--transition);width:100%}.certificate-link-btn:hover{background:#154360;background:var(--primary-dark);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.certificate-modal-content{border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:90%;overflow:hidden;padding:30px;width:900px}.certificate-close-btn{transition:all .3s ease;transition:var(--transition)}@media (max-width:992px){.certificate-link-btn{font-size:13px;max-width:220px;padding:10px 16px}.certificate-modal-content{padding:25px;width:95%}.certificate-pdf{height:60vh;min-height:350px}}@media (max-width:768px){.certificate-link-btn{font-size:12px;max-width:200px;padding:8px 14px}.certificate-modal-content{max-height:85vh;padding:20px;width:98%}.certificate-modal-content h3{font-size:20px;margin-bottom:15px}.certificate-pdf{height:50vh;min-height:300px}.certificate-pdf-container{min-height:300px}}@media (max-width:480px){.certificate-link-btn{font-size:11px;max-width:180px;padding:8px 12px}.certificate-modal-content{max-height:90vh;padding:15px}.certificate-modal-content h3{font-size:18px}.certificate-pdf{height:40vh;min-height:250px}.certificate-pdf-container{min-height:250px}}.certificate-item{position:relative}.certificate-item:hover{transform:translateY(-5px)}.certificate-item:hover .certificate-img{transform:scale(1.03)}.certificate-item:hover .certificate-link-btn{background:#154360;background:var(--primary-dark);box-shadow:0 4px 15px #0003}.certificate-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);overflow:hidden;padding:80px 0;position:relative}.certificate-section:before{background:linear-gradient(135deg,#1a5276,#3498db);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);left:-80px;top:-80px}.certificate-section:after,.certificate-section:before{border-radius:50%;content:"";height:250px;opacity:.03;position:absolute;width:250px;z-index:0}.certificate-section:after{background:linear-gradient(135deg,#e67e22,#f39c12);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-light) 100%);bottom:-80px;right:-80px}.certificate-section .container{position:relative;z-index:1}.certificate-section h2{color:#1a5276;color:var(--primary-color);margin-bottom:20px;text-align:center}.certificate-section .section-intro{color:#7f8c8d;color:var(--text-light);margin:0 auto 40px;max-width:700px;text-align:center}.certificates-grid{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center}.certificate-item{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 5px 15px #0000001a;box-shadow:var(--box-shadow);display:flex;flex-direction:column;height:auto;overflow:hidden;padding:20px;transition:all .3s ease;transition:var(--transition)}.certificate-item:hover{box-shadow:0 10px 30px #00000026;box-shadow:var(--box-shadow-heavy);transform:translateY(-8px)}.certificate-img{height:200px;margin-bottom:15px;object-fit:contain;transition:all .3s ease;transition:var(--transition);width:100%}.certificate-item:hover .certificate-img{transform:scale(1.05)}@media (max-width:992px){.certificates-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.certificate-item{padding:15px}.certificate-img{height:180px}}@media (max-width:768px){.certificate-section{padding:60px 0}.certificates-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.certificate-item{height:auto;padding:12px}.certificate-img{height:150px}}@media (max-width:480px){.certificate-section{padding:50px 0}.certificates-grid{grid-template-columns:1fr;margin:0 auto;max-width:300px}.certificate-item{padding:10px}.certificate-img{height:130px}}.certificate-upload-section{margin-bottom:30px}.certificate-form-group{margin-bottom:15px}.certificate-form-group label{color:#333;display:block;font-weight:500;margin-bottom:5px}.admin-form-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.admin-form-input:focus{border-color:#1a5276;border-color:var(--primary-color);box-shadow:0 0 0 2px #4f46e51a;outline:none}.certificates-list{margin-top:20px}.certificates-list h4{color:#333;font-size:18px;margin-bottom:15px}.certificate-item-admin{background:#f9f9f9;border:1px solid #eee;transition:all .2s ease}.certificate-item-admin:hover{background:#f0f0f0;border-color:#ddd}.certificate-info h5{color:#1a5276;color:var(--primary-color);font-size:16px}.certificate-info p{font-size:12px}.admin-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.admin-btn-primary{background:#1a5276;background:var(--primary-color);color:#fff}.admin-btn-primary:hover:not(:disabled){background:#154360;background:var(--primary-dark);transform:translateY(-1px)}.admin-btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none}.admin-btn-secondary{background:#6b7280;color:#fff}.admin-btn-secondary:hover{background:#4b5563;transform:translateY(-1px)}.admin-btn-danger{background:#dc2626;color:#fff}.admin-btn-danger:hover{background:#b91c1c;transform:translateY(-1px)}.admin-btn:disabled{opacity:.6;transform:none}.admin-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.admin-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:90%;overflow-y:auto;padding:30px;position:relative;width:600px}.admin-modal-content h3{color:#1a5276;color:var(--primary-color);font-size:24px;margin:0 0 20px;text-align:center}.admin-modal-content h4{color:#333;font-size:18px;margin:0 0 15px}@media (max-width:768px){.admin-modal-content{padding:20px;width:95%}.certificate-item-admin{align-items:flex-start;flex-direction:column;gap:10px}.certificate-item-admin .admin-btn{justify-content:center;width:100%}.admin-modal-content h3{font-size:20px}.admin-modal-content h4{font-size:16px}}@media (max-width:480px){.admin-modal-content{padding:15px}.certificates-grid-admin{grid-template-columns:1fr}.admin-btn{font-size:13px;padding:8px 12px}}.certificate-close-btn{align-items:center;background:none;border-radius:50%;color:#666;display:flex;font-size:24px;height:40px;justify-content:center;padding:5px;right:15px;top:15px;transition:all .2s ease;width:40px;z-index:10}.certificate-close-btn:hover{background:#f5f5f5;color:#333}.certificate-modal-content h3{color:#1a5276;color:var(--primary-color);font-size:24px;margin-bottom:20px;text-align:center}.certificate-pdf-container{border:1px solid #eee;border-radius:8px;flex:1 1;min-height:400px;overflow:hidden;position:relative}.certificate-pdf{border:none;height:70vh;min-height:400px;width:100%}.certificate-view-btn{align-items:center;background:#1a5276;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;text-align:center;transition:all .2s ease;width:100%}.certificate-view-btn:hover{background:#154360;background:var(--primary-dark);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.certificate-uploading{opacity:.7;pointer-events:none}.certificate-message{border-radius:4px;margin:10px 0;padding:10px;text-align:center}.certificate-success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.certificate-error{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.certificate-item-admin{animation:slideIn .3s ease}.certificates-grid-admin{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.certificate-upload-section{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:20px}.certificate-modal-overlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999999}.certificate-modal-content{background:#fff;border-radius:10px;max-height:90%;max-width:80%;overflow:auto;padding:20px;position:relative;z-index:1000000}.certificate-close-btn{background:#0000;border:none;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px;z-index:1000001}.spinner{animation:spin 1s linear infinite}.admin-btn:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.admin-loading{align-items:center;color:#7f8c8d;color:var(--text-light);display:flex;gap:10px;justify-content:center;padding:40px}.admin-loading .spinner{font-size:1.2rem}.admin-otp-input{border:1px solid #bdc3c7;border:1px solid var(--light-dark);border-radius:8px;border-radius:var(--border-radius);display:block;font-size:1.2rem;font-weight:600;letter-spacing:8px;margin:0 auto 15px;padding:12px 15px;text-align:center;transition:all .3s ease;transition:var(--transition);width:200px}.admin-otp-input:focus{border-color:#1a5276;border-color:var(--primary-color);box-shadow:0 0 0 3px #1a52761a;outline:none}.admin-btn .spinner{margin-right:8px}.certificate-uploading,.profile-uploading{opacity:.7;pointer-events:none}@media (max-width:768px){.admin-otp-input{font-size:1.1rem;max-width:200px;width:100%}.admin-panel-header{align-items:flex-start;flex-direction:column;gap:15px}.admin-panel-header>div{display:flex;flex-wrap:wrap;gap:10px}.admin-btn{font-size:.85rem;margin:0;padding:8px 12px}}.admin-error-msg{background-color:#e74c3c1a;border-left:4px solid #e74c3c;border-left:4px solid var(--error-color);color:#e74c3c;color:var(--error-color)}.admin-error-msg,.admin-success-msg{border-radius:8px;border-radius:var(--border-radius);font-weight:500;margin-top:15px;padding:10px}.admin-success-msg{background-color:#27ae601a;border-left:4px solid #27ae60;border-left:4px solid var(--success-color);color:#27ae60;color:var(--success-color)}.certificates-grid-admin{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:15px}.certificate-item-admin{align-items:center;border:1px solid #ddd;border-radius:8px;display:flex;justify-content:space-between;padding:15px;transition:all .3s ease;transition:var(--transition)}.certificate-item-admin:hover{border-color:#1a5276;border-color:var(--primary-color);box-shadow:0 5px 15px #0000001a;box-shadow:var(--box-shadow)}.certificate-info h5{color:#333;margin:0 0 5px}.certificate-info p{color:#666;font-size:.9em;margin:0}.admin-form-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:1em;padding:10px;width:100%}.admin-form-select:focus{border-color:#1a5276;border-color:var(--primary-color);box-shadow:0 0 0 2px #1a52761a;outline:none}.admin-file-input{background:#fafafa;border:1px dashed #ddd;border-radius:4px;cursor:pointer;padding:8px;transition:all .3s ease;transition:var(--transition);width:100%}.admin-file-input:hover{background:#f8f9fa;border-color:#1a5276;border-color:var(--primary-color)}.profile-status,.profile-upload{background-color:#f9f9f9;border-radius:8px;border-radius:var(--border-radius);margin-bottom:20px;padding:15px}.profile-actions{display:flex;gap:10px;margin-top:15px}.profile-file-input{background:#fafafa;border:1px dashed #ddd;border-radius:4px;cursor:pointer;margin-bottom:10px;padding:8px;width:100%}.profile-upload-actions{margin-top:15px}.admin-modal-overlay{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-login-panel .admin-btn{margin:5px}.admin-login-panel .admin-btn+.admin-btn{margin-left:10px}.slideshow-container{margin:0 auto 30px;max-width:600px;position:relative;width:100%}.slideshow-wrapper{background:#000;border-radius:12px;box-shadow:0 6px 20px #00000026;height:300px;overflow:hidden;position:relative;width:100%}.slide-item{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.slide-image{max-height:100%;max-width:100%;object-fit:contain}.slideshow-empty,.slideshow-loading{align-items:center;background:#f8f9fa;border-radius:12px;color:#6c757d;display:flex;flex-direction:column;height:250px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top-color:#1a5276;border-top:3px solid var(--primary-color);height:35px;margin-bottom:10px;width:35px}@keyframes spin{to{transform:rotate(1turn)}}.slideshow-nav{background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;font-size:20px;height:35px;line-height:1;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:35px;z-index:10}.slideshow-nav:hover{background:#1a5276;background:var(--primary-color);color:#fff;transform:translateY(-50%) scale(1.1)}.slideshow-nav-prev{left:10px}.slideshow-nav-next{right:10px}.slideshow-indicators{bottom:12px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%)}.indicator{background:#fff6;border:none;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.indicator.active{background:#fff;transform:scale(1.2)}@media (max-width:480px){.slideshow-wrapper{height:220px}.slideshow-nav{font-size:16px;height:28px;width:28px}}.leadership-grid.compact{gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.leader-card.compact{padding:15px}.leader-photo.compact{height:250px!important;margin-bottom:15px}.leader-info.compact h3{font-size:1.2rem;margin-bottom:8px}.leader-info.compact .position{font-size:.9rem;margin-bottom:10px}.leader-info.compact .bio{font-size:.85rem;line-height:1.5}@media (max-width:768px){.leadership-grid.compact{gap:15px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.leader-photo.compact{height:160px}}@media (max-width:576px){.leadership-grid.compact{grid-template-columns:1fr;margin:0 auto;max-width:300px}}.first-leader-container{display:flex;justify-content:center;margin-bottom:40px}.first-leader{max-width:400px;text-align:center}.first-leader .leader-photo{border:4px solid #1a5276;border:4px solid var(--primary-color);border-radius:50%;box-shadow:0 10px 30px #00000026;box-shadow:var(--box-shadow-heavy);margin:20px auto;overflow:hidden;width:220px}.first-leader .leader-photo img{height:100%;object-fit:cover;width:100%}.other-leaders-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr)}.other-leaders-grid .leader-card{text-align:center}.other-leaders-grid .leader-photo{border:3px solid #2874a6;border:3px solid var(--primary-light);box-shadow:0 5px 15px #0000001a;box-shadow:var(--box-shadow);height:160px!important;margin-top:20px!important;margin:0 auto 15px;overflow:hidden;width:160px}.other-leaders-grid .leader-photo img{height:100%;object-fit:cover;width:100%}.other-leaders-grid .leader-info h3{font-size:1.2rem;margin-bottom:8px}.other-leaders-grid .leader-info .position{color:#e67e22;color:var(--accent-color);font-size:.95rem;font-weight:600;margin-bottom:10px}.other-leaders-grid .leader-info .bio{color:#7f8c8d;color:var(--text-light);font-size:.9rem;line-height:1.5}@media (max-width:992px){.other-leaders-grid{gap:30px;grid-template-columns:repeat(2,1fr)}.first-leader{max-width:350px}.first-leader .leader-photo{height:200px;width:200px}}@media (max-width:768px){.other-leaders-grid{gap:25px;grid-template-columns:1fr;margin:0 auto;max-width:400px}.other-leaders-grid .leader-photo{height:180px;width:180px}}@media (max-width:480px){.first-leader .leader-photo{height:240px;width:180px}.other-leaders-grid .leader-photo{height:160px;width:160px}}@media (max-width:768px){.project-card{border-radius:12px;margin:0 5px}.project-image{height:180px}.project-content{padding:20px}.project-card h3{font-size:1.1rem;margin-bottom:10px;min-height:auto}.project-card p{-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;font-size:.9rem;margin-bottom:15px;overflow:hidden}.project-status{align-items:flex-start;flex-direction:column;gap:8px}.project-date{font-size:.75rem}}@media (max-width:480px){.project-image{height:160px}.project-content{padding:16px}.project-card h3{font-size:1rem}.project-category{font-size:.8rem;padding:4px 10px}}
/*# sourceMappingURL=main.53e23555.css.map*/