body{font-family:var(--font-poppins),sans-serif}.logo-image{flex:1;max-width:100%;padding:0 .5rem 0 0}.logo-image,.logo-image img{border-radius:20%;text-align:center}.logo-image img{max-width:5.5rem;height:5.5rem;box-shadow:0 10px 20px rgba(0,0,0,.1)}.container{max-width:85%}.section-padding{padding:4rem 0}.bg-light{background-color:#f9f9f9}.section-title{margin-bottom:2rem}.intro-text,.text-center{text-align:center}.intro-text{max-width:800px;margin:0 auto 2rem;font-size:1.1rem;color:#555}.full-page{display:flex;flex-direction:column;width:auto}.horizontal{flex-direction:row;gap:1rem}.horizontal,.horizontal-head{display:flex}@media (max-width:768px){.horizontal{flex-direction:column}}header{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);color:#333;padding:.75rem 0;border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:0;z-index:1000;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}header .container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.logo-link{text-decoration:none;color:inherit}.logo-container{display:flex;align-items:center;gap:12px}.logo-container .logo-image{padding:0;flex:none}.logo-container .logo-image img{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 4px 10px rgba(0,0,0,.1)}.logo-text{margin:0;color:#1b264f;font-size:1.35rem;font-weight:700;line-height:1.2}header a{text-decoration:none;color:#333}.desktop-nav{display:block}.desktop-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:24px;align-items:center}.desktop-nav a{font-weight:500;font-size:.95rem;color:#555;transition:all .2s ease;padding:6px 0;position:relative}.desktop-nav a.active,.desktop-nav a:hover{color:#5061c4}.desktop-nav a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#5061c4;transition:width .3s ease}.desktop-nav a.active:after,.desktop-nav a:hover:after{width:100%}.hamburger,.mobile-nav{display:none}.hamburger{cursor:pointer}.bar{display:block;width:25px;height:3px;margin:5px auto;transition:all .3s ease-in-out;background-color:#333}@media (max-width:768px){.desktop-nav{display:none}header .container{display:flex;justify-content:space-between;align-items:center;width:85%;margin:0 auto}.hamburger{display:block;z-index:1001;margin-left:auto}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-nav{display:block;position:fixed;top:120px;left:-100%;width:100%;background-color:#fff;box-shadow:0 10px 10px rgba(0,0,0,.1);transition:left .3s ease-in-out;z-index:999}.mobile-nav.active{left:0}.mobile-nav ul{display:flex;flex-direction:column;list-style:none;padding:20px 0;margin:0;text-align:center}.mobile-nav li{margin:15px 0}.mobile-nav a{font-size:1.2rem;font-weight:600;color:#333}}.social-sidebar{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:1500;display:flex;flex-direction:column;gap:5px}.social-icon{display:flex;justify-content:center;align-items:center;width:45px;height:45px;background-color:#333;color:#fff;text-decoration:none;font-size:0;transition:all .3s ease;border-top-left-radius:5px;border-bottom-left-radius:5px;box-shadow:-2px 2px 5px rgba(0,0,0,.2)}.social-icon svg{width:24px;height:24px}.icon-club{flex:1;max-width:60%;padding:0}.icon-club,.icon-club img{border-radius:100%;text-align:center}.icon-club img{height:3.5rem;box-shadow:0 10px 20px rgba(0,0,0,.1)}.social-icon.facebook:hover{background-color:#1877f2;width:55px}.social-icon.x-twitter:hover{background-color:#000;width:55px}.social-icon.instagram:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);width:55px}@media (max-width:768px){.social-icon{width:35px;height:35px}.social-icon svg{width:18px;height:18px}}body{font-family:Poppins,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:#f4f4f9;color:#333;line-height:1.6}.container{max-width:1100px;margin:auto;padding:0 20px;overflow:hidden}.hero{min-height:50vh;padding:4rem 0;margin-top:2rem;overflow:hidden}.hero,.hero .container{display:flex;align-items:center;position:relative}.hero .container{justify-content:space-between;gap:2rem;flex-wrap:wrap;z-index:2}.hero-slideshow-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;opacity:.7;background:#000}.hero-slideshow-track{display:flex;height:100%;width:max-content;animation:scroll-right 60s linear infinite}.hero-slideshow-track img{height:100%;width:auto;object-fit:cover;padding:0 1rem}@keyframes scroll-right{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.hero-text{flex:1;max-width:500px}.hero-text h2{font-size:3rem;margin-bottom:1rem;color:#222}.hero-text p{font-size:1.2rem;margin-bottom:2rem;color:#555}.cta-button{display:inline-block;background-color:#5061c4;color:#fff;padding:12px 25px;border-radius:5px;text-decoration:none;font-weight:600;transition:background-color .3s ease,transform .3s ease}.cta-button:hover{background-color:#3d4a9b;transform:translateY(-2px)}.hero-image{flex:1;text-align:center;max-width:100%}.hero-image img{max-width:5.5rem;height:5.5rem;border-radius:20%;box-shadow:0 10px 20px rgba(0,0,0,.1);padding:0 1rem 0 0}footer{background:#333;color:#fff;text-align:center;padding:1.5rem 0;margin-top:2rem}@media (max-width:768px){header .container{flex-direction:column}header nav ul{margin-top:1rem}.hero .container{flex-direction:column-reverse;text-align:center}}.publications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto}.publication-card{background:#f9f9f9;border:1px solid #eee;padding:2rem;border-radius:8px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.publication-card:hover{transform:translateY(-8px);box-shadow:0 10px 20px rgba(0,0,0,.08)}.publication-card h4{margin-top:0;color:#5061c4;font-size:1.3rem;margin-bottom:1rem}.publication-card p{color:#555;font-size:1rem;line-height:1.6}.home-expertise .skills-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;list-style:none;padding:0;margin:0 auto;max-width:900px}.home-expertise .skills-list li{background:#fff;color:#333;padding:1rem 1.5rem;border-radius:8px;font-weight:500;border:1px solid #e0e0e0;box-shadow:0 4px 10px rgba(0,0,0,.05);transition:transform .1s ease,box-shadow .1s ease}.home-expertise .skills-list li:hover{transform:translateY(-6px);box-shadow:0 10px 20px rgba(80,97,196,.15);color:#5061c4}.section-cta{margin-top:2.5rem}.developers-section{background-color:#f8f9fa;text-align:center;border-top:1px solid #eaeaea}.developers-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}.developer-card{background:#fff;padding:2rem 1.5rem;border-radius:12px;width:280px;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease;border-top:4px solid #5061c4;position:relative;overflow:hidden}.developer-card:hover{transform:translateY(-8px);box-shadow:0 12px 25px rgba(80,97,196,.15)}.dev-avatar{font-size:3rem;background:#eef0f8;width:80px;height:80px;line-height:80px;border-radius:50%;margin:0 auto 1rem;display:block}.developer-card h4{color:#333;font-size:1.25rem;margin-bottom:.5rem;font-weight:600}.dev-role{color:#5061c4;font-weight:600;font-size:.95rem;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.dev-dept{color:#777;font-size:.85rem}@media (max-width:768px){.developers-grid{flex-direction:column;align-items:center}.developer-card{width:100%;max-width:320px}}.about-me{padding:4rem 0;background-color:#fff}.about-me h2{text-align:center;font-size:2.5rem;margin-bottom:3rem}.about-content{display:flex;align-items:center;gap:3rem;flex-wrap:wrap}.about-content img{flex:1;max-width:350px;border-radius:10px;box-shadow:0 8px 16px rgba(0,0,0,.1)}.about-text{flex:2}.about-text h3{font-size:1.8rem;color:#5061c4;margin-bottom:1rem}.about-text p{font-size:1.1rem;margin-bottom:1.5rem}.skills-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:2rem}.skills-list li{background:#eef0f8;color:#5061c4;padding:8px 15px;border-radius:20px;font-weight:500}@media (max-width:768px){.about-content{flex-direction:column;text-align:center}}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.achievement-card{text-align:left}.roles-list{list-style:none;padding:0;max-width:800px;margin:0 auto;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.roles-list li{background:#fff;border:1px solid #e0e0e0;padding:.75rem 1.25rem;border-radius:25px;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,.05)}.courses-section .skills-list{max-width:900px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;margin-top:5rem;position:relative;padding-bottom:1rem}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background-color:#5061c4;border-radius:2px}.experience-timeline{position:relative;max-width:1000px;margin:0 auto;padding:4rem 0;overflow:hidden}.experience-timeline:after{display:none}.timeline-item{position:relative;width:50%;padding:1rem 0;box-sizing:border-box;z-index:1}.timeline-item:nth-child(odd){float:left;clear:both;text-align:right;padding-right:60px}.timeline-item:nth-child(odd):before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;border-right:4px solid #e0e0e0;border-bottom:4px solid #e0e0e0;border-radius:0 0 50px 0;z-index:-1}.timeline-item:nth-child(2n){float:right;clear:both;text-align:left;padding-left:60px;margin-top:-4px}.timeline-item:nth-child(2n):before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;border-left:4px solid #e0e0e0;border-bottom:4px solid #e0e0e0;border-radius:0 0 0 50px;z-index:-1}.timeline-item:last-child:before{border-bottom:none;border-radius:0}.timeline-item:after{content:"";position:absolute;width:20px;height:20px;background-color:#fff;border:4px solid #5061c4;border-radius:50%;top:25px;z-index:2;transition:transform .3s ease}.timeline-item:nth-child(odd):after{right:-12px}.timeline-item:nth-child(2n):after{left:-12px}.timeline-item:hover:after{background-color:#5061c4;transform:scale(1.3)}.timeline-item.double-sided{width:100%;height:auto;float:none;clear:both;display:flex;justify-content:space-between;align-items:stretch;position:relative;margin-bottom:3rem}.timeline-item.double-sided:before{content:"";position:absolute;left:50%;top:0;width:4px;height:100%;background:#e0e0e0;transform:translateX(-50%);border:none;border-radius:0}.timeline-item.double-sided:after{left:50%;right:auto;transform:translateX(-50%);z-index:2}.timeline-item.double-sided>.timeline-content,.timeline-item.double-sided>a{display:flex;flex-direction:column}.timeline-item.double-sided .timeline-content{width:80%;height:auto;box-sizing:border-box}.timeline-item.double-sided>.timeline-content-1,.timeline-item.double-sided>a{display:flex;flex-direction:column}.timeline-item.double-sided .timeline-content-1{width:50%;height:auto;box-sizing:border-box}.timeline-item.double-sided>.timeline-content-1:first-child:before,.timeline-item.double-sided>.timeline-content:first-child:before,.timeline-item.double-sided>a:first-child .timeline-content-1:before,.timeline-item.double-sided>a:first-child .timeline-content:before{left:auto;right:-15px;border-width:10px 0 10px 15px;border-color:transparent transparent transparent #fff}.timeline-item.double-sided>.timeline-content-1:last-child:before,.timeline-item.double-sided>.timeline-content:last-child:before,.timeline-item.double-sided>a:last-child .timeline-content-1:before,.timeline-item.double-sided>a:last-child .timeline-content:before{left:-15px;right:auto;border-width:10px 15px 10px 0;border-color:transparent #fff transparent transparent}@media screen and (max-width:768px){.timeline-item.double-sided{flex-direction:column;padding-left:70px;padding-right:25px}.timeline-item.double-sided .timeline-content{width:100%!important}.timeline-item.double-sided>.timeline-content,.timeline-item.double-sided>a{width:100%;margin-bottom:2rem}.timeline-item.double-sided .timeline-content-1{width:100%!important}.timeline-item.double-sided>.timeline-content-1,.timeline-item.double-sided>a{width:100%;margin-bottom:2rem}.timeline-item.double-sided:before{left:30px;transform:none}.timeline-item.double-sided:after{left:19px;transform:none}.timeline-item.double-sided>.timeline-content-1:first-child:before,.timeline-item.double-sided>.timeline-content-1:last-child:before,.timeline-item.double-sided>a:first-child .timeline-content-1:before{left:-15px;right:auto;border-width:10px 15px 10px 0;border-color:transparent #fff transparent transparent}}.timeline-content{background:#fff;text-align:center;align-items:center;height:auto;padding:1.5rem 2rem;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.1);position:relative;transition:transform .3s ease}.timeline-content:hover{transform:translateY(-5px)}.timeline-content:before{content:" ";position:absolute;top:30px;width:0;height:0;border-style:solid;z-index:1}.timeline-item:nth-child(odd) .timeline-content:before{right:-15px;border-width:10px 0 10px 15px;border-color:transparent transparent transparent #fff}.timeline-item:nth-child(2n) .timeline-content:before{left:-15px;border-width:10px 15px 10px 0;border-color:transparent #fff transparent transparent}.timeline-content h4{margin:0 0 5px;color:#5061c4;font-size:1.2rem}.timeline-content p{margin:5px 0;font-weight:600;color:#333}.timeline-content-1{background:#fff;text-align:center;align-items:center;height:auto;padding:1.5rem 2rem;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.1);position:relative;transition:transform .3s ease}.timeline-content-1:hover{transform:translateY(-5px)}.timeline-content-1:before{content:" ";position:absolute;top:30px;width:0;height:0;border-style:solid;z-index:1}.timeline-item:nth-child(odd) .timeline-content-1:before{right:-15px;border-width:10px 0 10px 15px;border-color:transparent transparent transparent #fff}.timeline-item:nth-child(2n) .timeline-content-1:before{left:-15px;border-width:10px 15px 10px 0;border-color:transparent #fff transparent transparent}.timeline-content-1 h4{margin:0 0 5px;color:#5061c4;font-size:1.2rem}.timeline-content-1 p{margin:5px 0;font-weight:600;color:#333}.timeline-date{display:inline-block;font-size:.9rem;color:#777;background:#f0f2f5;padding:4px 10px;border-radius:15px;margin-top:10px}.experience-timeline:after{content:"";display:table;clear:both}@media screen and (max-width:768px){.experience-timeline{padding:2rem 0}.experience-timeline:before{content:"";position:absolute;top:0;bottom:0;left:30px;width:4px;background:#e0e0e0}.timeline-item{width:100%;float:none;padding-left:70px;padding-right:25px;margin-bottom:2rem;text-align:left}.timeline-item:nth-child(2n):before,.timeline-item:nth-child(odd):before{display:none}.timeline-item:nth-child(2n):after,.timeline-item:nth-child(odd):after{left:19px;right:auto}.timeline-item:nth-child(2n) .timeline-content:before,.timeline-item:nth-child(odd) .timeline-content:before{left:-15px;right:auto;border-width:10px 15px 10px 0;border-color:transparent #fff transparent transparent}}.achievements-grid,.books-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.achievement-card{background:#f9f9f9;padding:1.5rem;border-radius:8px;border-left:4px solid #5061c4}.achievement-card h4{margin-top:0;color:#5061c4}.book-card:hover .book-cover{transform:rotateY(-10deg) scale(1.02)}.phd-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:900px;margin:auto}.phd-card{padding:.75rem 1.25rem;border-radius:25px;font-weight:500;transition:all .3s ease;border:1px solid}.phd-card.awarded{background-color:#e6f4ea;color:#34a853;border-color:#34a853}.phd-card.pursuing{background-color:#fef4e6;color:#fbbc05;border-color:#fbbc05}.phd-card.post_doc{background-color:#e8f0fe;color:#1a73e8;border-color:#1a73e8}.phd-card:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(0,0,0,.1)}.phd-card{cursor:pointer}.modal{display:none;position:fixed;z-index:2000;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.9)}.modal-content{border-radius:8px;animation:zoom .6s}#modalCaption,.modal-content{margin:auto;display:block;width:80%;max-width:700px}#modalCaption{text-align:center;color:#ccc;padding:10px 0;height:150px;font-size:1.2rem}.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s;cursor:pointer}.close:focus,.close:hover{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width:700px){.modal-content{width:100%}}.courses-section{padding:3rem 0;margin-bottom:4rem;overflow:hidden;background:#fff}.marquee-container{display:flex;overflow:hidden;width:100%;margin-bottom:1.5rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.marquee-track{display:flex;gap:1.5rem;width:max-content}.courses-list{list-style:none;padding:0;margin:0;display:flex;gap:1.5rem}.courses-list li{background:#f4f6fc;color:#5061c4;border:1px solid #e0e0e0;padding:12px 25px;border-radius:50px;font-size:1rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:transform .3s ease,background .3s}.courses-list li:hover{background:#5061c4;color:#fff;transform:scale(1.1);cursor:pointer;box-shadow:0 8px 15px rgba(80,97,196,.3)}.marquee-track:hover{animation-play-state:paused}.scroll-left{animation:scrollLeft 40s linear infinite}@keyframes scrollLeft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.scroll-right{animation:scrollRight 45s linear infinite}@keyframes scrollRight{0%{transform:translateX(-50%)}to{transform:translateX(0)}}@media (max-width:768px){.courses-list li{padding:8px 15px;font-size:.9rem}.scroll-left{animation-duration:25s}.scroll-right{animation-duration:30s}}@media screen and (max-width:768px){.about-me,.courses-section,.full-page,.horizontal{padding:2rem 0}.section-title{font-size:2rem;margin-top:3rem;margin-bottom:2rem}.container{width:90%;padding:0 15px}.about-content{flex-direction:column;text-align:center;gap:1.5rem}.about-content img{max-width:80%;margin:0 auto}.books-grid{grid-template-columns:1fr;gap:2rem}.book-image{max-width:180px}.vertical-marquee-container{height:350px}.v-timeline-content{padding:1rem 1.5rem;max-width:100%}.v-timeline-content h4{font-size:1.1rem}.phd-grid{gap:.75rem}.phd-card{width:100%;text-align:center;padding:10px;font-size:.9rem}.achievements-grid{grid-template-columns:1fr}.courses-list li{padding:8px 15px;font-size:.85rem}.scroll-left{animation-duration:20s}.scroll-right{animation-duration:25s}.profile-link{width:100%!important}}.gallery-section{padding:0;background-color:#ccc}.gallery-section h1{text-align:center;font-size:3.5rem;color:#5061c4;font-weight:700;margin-bottom:3rem;line-height:1.8;letter-spacing:2px;font-family:Tangerine,cursive;font-style:italic}.gallery-section h2{text-align:center;font-size:2.8rem;margin-bottom:1rem}.gallery-intro{text-align:center;max-width:700px;margin:0 auto 4rem;color:#555;font-size:1.1rem}.section-subtitle{font-size:2.2rem;margin-bottom:2rem;padding-bottom:.75rem;border-bottom:2px solid #e0e0e0}.publication-list{display:grid;grid-template-columns:1fr;gap:1.5rem}.publication-item{background-color:#f9f9f9;border-left:5px solid #5061c4;padding:1.5rem 1.5rem 1.5rem 2rem;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease;position:relative;box-shadow:0 4px 8px rgba(0,0,0,.05)}.publication-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.publication-item h4{margin-top:0;margin-bottom:.5rem;color:#333;font-size:1.2rem;padding-right:90px}.publication-item p{margin:0;color:#555}.publication-tag{position:absolute;top:1.5rem;right:1.5rem;font-size:.8rem;font-weight:600;padding:.25rem .75rem;border-radius:15px;text-transform:uppercase}.publication-tag.scopus{background-color:#e6f4ea;color:#34a853}.publication-tag.peer-reviewed{background-color:#e8f0fe;color:#4285f4}.books-section{margin-top:5rem}.books-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:800px;margin:0 auto}.book-card{text-align:center}.book-cover{background:linear-gradient(45deg,#5061c4,#6a7ee8);color:#fff;padding:3rem 1.5rem;border-radius:8px 3px 3px 8px;margin-bottom:1rem;box-shadow:5px 5px 15px rgba(0,0,0,.1);transition:transform .3s ease}.book-card:hover .book-cover{transform:perspective(1000px) rotateY(-10deg) scale(1.02)}.book-cover h4{margin:0;font-size:1.5rem}.book-cover span{display:block;margin-top:.5rem;opacity:.8}.media-category{margin-top:3rem;padding:0 2rem}.media-grid{column-count:4;column-gap:12px}@media (max-width:1200px){.media-grid{column-count:3}}@media (max-width:768px){.media-grid{column-count:2}}@media (max-width:480px){.media-grid{column-count:1}}.media-item{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);break-inside:avoid;margin-bottom:12px;display:inline-block;width:100%;opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out,box-shadow .3s ease}.media-item.is-visible{opacity:1;transform:translateY(0)}.media-item:hover{box-shadow:0 8px 24px rgba(0,0,0,.15)}a.media-item{display:inline-block;text-decoration:none}.media-item img{width:100%;height:auto;display:block;transition:transform .4s ease}.media-item:hover img{transform:scale(1.05)}.collapsible-grid{max-height:1200px;overflow:hidden;transition:max-height .5s ease}.collapsible-grid.expanded{max-height:none}.media-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);color:#fff;padding:1.5rem 1rem .75rem;opacity:0;transform:translateY(100%);transition:opacity .3s ease,transform .3s ease;border-radius:0 0 8px 8px}.media-item:hover .media-overlay{opacity:1;transform:translateY(0)}.media-overlay span{font-weight:500;font-size:.85rem}.video-item .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background-color:rgba(0,0,0,.5);border-radius:50%;display:flex;justify-content:center;align-items:center;transition:transform .3s ease,background-color .3s ease;pointer-events:none}.media-item:hover .play-button{transform:translate(-50%,-50%) scale(1.1);background-color:rgba(80,97,196,.8)}.book-image{width:100%;max-width:250px;height:auto;border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,.15);margin-bottom:1.5rem;transition:transform .3s ease;display:block;margin-left:auto;margin-right:auto}.book-card:hover .book-image{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 25px rgba(0,0,0,.25)}.book-card h4{color:#5061c4;font-size:1.3rem;margin-bottom:.5rem}.book-card .year{color:#777;font-size:.9rem;font-weight:400}.view-more-btn{margin:2rem auto 0;display:block;background:#5061c4;color:#fff;border:none;padding:12px 30px;border-radius:30px;cursor:pointer;font-size:1rem;transition:.3s ease}.view-more-btn:hover{background:#3646b5}.media-item{cursor:pointer}.lightbox{display:none;position:fixed;z-index:3000;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.95)}.lightbox-content{max-width:1000px;max-height:85vh;object-fit:contain;border-radius:4px;animation:zoom .4s}#lightboxCaption,.lightbox-content{margin:auto;display:block;width:80%}#lightboxCaption{max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}.close-lightbox{position:absolute;top:20px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s;cursor:pointer}.close-lightbox:focus,.close-lightbox:hover{color:#bbb;text-decoration:none;cursor:pointer}@keyframes zoom{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media only screen and (max-width:700px){.lightbox-content{width:100%}}.contact-section .container{max-width:700px;background:#fff;padding:3rem;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.08);text-align:center}.contact-section h2{font-size:2.5rem}.contact-section p{font-size:1.1rem;color:#666;margin-bottom:2rem}.contact-form{text-align:left}.form-group label{margin-bottom:8px}.form-group input,.form-group textarea{padding:12px;border:1px solid #ddd;border-radius:5px;font-family:var(--font-poppins),sans-serif;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{box-shadow:0 0 5px rgba(80,97,196,.2)}.contact-form .cta-button{padding:15px;border:none;cursor:pointer;font-size:1rem}@media (max-width:768px){.contact-section .container{padding:2rem}}.contact-section{padding:4rem 0;background-color:#f9f9f9}.contact-section h2{text-align:center;font-size:2.8rem;margin-bottom:1rem}.contact-intro{text-align:center;max-width:600px;margin:0 auto 4rem;color:#555;font-size:1.1rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.contact-info h3{font-size:1.8rem;margin-top:0;margin-bottom:2rem;color:#333}.info-item{display:flex;align-items:flex-start;margin-bottom:1.5rem}.info-item svg{flex-shrink:0;width:24px;height:24px;color:#5061c4;margin-right:1rem;margin-top:5px}.info-item div{display:flex;flex-direction:column}.info-item strong{font-size:1rem;color:#333;margin-bottom:.25rem}.info-item a,.info-item p{font-size:1rem;color:#555;text-decoration:none;margin:0;line-height:1.6}.info-item a:hover{color:#5061c4;text-decoration:underline}.contact-form h3{font-size:1.8rem;margin-top:0;margin-bottom:2rem}.form-group label{font-weight:500;color:#333}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#5061c4;box-shadow:0 0 0 3px rgba(80,97,196,.15)}.contact-form .cta-button{width:100%;padding:.8rem;font-size:1.1rem}@media (max-width:900px){.contact-grid{grid-template-columns:1fr;padding:2rem}}.form-container{max-width:800px;margin:4rem auto;padding:3rem;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-header{text-align:center;margin-bottom:2.5rem}.page-title{font-size:2.5rem;font-weight:700;color:#333;margin:0}.page-subtitle{font-size:1.1rem;color:#666;margin-top:.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#444}.form-group input[type=email],.form-group input[type=text],.form-group select{width:100%;padding:.8rem 1rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;font-family:var(--font-poppins),sans-serif;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#5061c4;box-shadow:0 0 0 4px rgba(80,97,196,.1)}#contact-form.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;text-align:left}#contact-form .form-span-2{grid-column:1/-1}.file-upload-wrapper{position:relative;display:flex;align-items:center}input[type=file]{display:none}.custom-file-upload{display:inline-block;padding:.7rem 1.2rem;background-color:#f0f0f0;border:1px solid #ccc;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.custom-file-upload:hover{background-color:#e0e0e0}.custom-file-upload span{margin-right:.5rem}.file-name{margin-left:1rem;font-style:italic;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#submit-button.cta-button{width:100%;padding:1rem;font-size:1.2rem;font-weight:600;margin-top:1rem}#form-status{text-align:center;margin-top:1.5rem;font-size:1rem;font-weight:500;min-height:1.2em}@media (max-width:600px){.form-row{grid-template-columns:1fr}.form-container{padding:2rem;margin:2rem auto}.page-title{font-size:2rem}}#batch-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:8px;padding:10px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;max-height:200px;overflow-y:auto}.year-box{padding:10px 5px;border:1px solid #ccc;border-radius:4px;text-align:center;cursor:pointer;background-color:#fff;font-weight:500;font-size:.9rem;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.year-box:hover{background-color:#eef0f8;color:#5061c4}.year-box.selected{border-color:#5061c4}.alumni-btn,.year-box.selected{background-color:#5061c4;color:#fff;font-weight:600}.alumni-btn{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:150px;padding:12px 30px;text-decoration:none;border-radius:5px;font-size:1rem;border:none;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.alumni-btn:hover{background-color:#3f4da3;transform:translateY(-2px)}