@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body{margin:0;padding:0;font-family:Poppins,sans-serif}body{background:#536976;background:-webkit-linear-gradient(to right,#292e49,#536976);background:linear-gradient(to right,#292e49,#536976)}.board{display:grid;grid-template-columns:100px 100px 100px;grid-template-rows:100px 100px 100px;cursor:pointer;position:relative}.tile{color:currentColor;font-size:2em;display:flex;justify-content:center;align-items:center}.right-border{border-right:.2em solid #0074a6}.bottom-border{border-bottom:.2em solid #0074a6}.x-hover:hover:after{content:"X";opacity:.4}.o-hover:hover:after{content:"O";opacity:.4}.strike{position:absolute;background-color:#ff8c00}.strike-row-1{width:100%;height:4px;top:15%}.strike-row-2{width:100%;height:4px;top:48%}.strike-row-3{width:100%;height:4px;top:83%}.strike-column-1{height:100%;width:4px;left:15%}.strike-column-2{height:100%;width:4px;left:48%}.strike-column-3{height:100%;width:4px;left:83%}.strike-diagonal-1{width:90%;height:4px;top:50%;left:5%;transform:skewY(45deg)}.strike-diagonal-2{width:90%;height:4px;top:50%;left:5%;transform:skewY(-45deg)}.game-over{text-align:center;border:#5468ff 8px;border-style:dotted;padding:10px;margin-top:50px;font-size:1.5em}.reset-button{margin-top:50px;padding:20px;background-color:#0074a6;color:#fff;width:100%;font-size:1.5em}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.schooldesc h2,.schooldesc p{margin:0;padding:0}.box h2{font-family:Satisfy,cursive}.schooldesc{background:#fffffff2;padding:25px;border-radius:12px;box-shadow:0 8px 20px #00000026;max-width:100%;text-align:justify;line-height:1.8;font-size:17px;font-family:Poppins,sans-serif;border-left:5px solid #FFA700;transition:transform .3s ease-in-out;position:relative;margin-bottom:5px!important}.schooldesc:hover{transform:translateY(-5px);box-shadow:0 12px 25px #0003}.schooldesc:before{content:"📖 About Professor";display:block;font-size:20px;font-weight:700;margin-bottom:15px;color:#ffa700;FFA700 text-align: center}@media (min-width: 768px){.schooldesc{max-width:100%}}body{font-family:Roboto,sans-serif;line-height:1.6;color:#333;background:linear-gradient(to right,#232526,#414345);background-color:#141414}.container{display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px;align-items:center;max-width:1200px;margin:0 auto}.homeright{flex:1 1 100%;display:flex;justify-content:center;align-items:center;padding:20px}.homeright img{width:100%;height:auto;max-width:100%;max-height:80vh;box-shadow:0 4px 8px #0003;object-fit:cover}.homeleft{flex:1 1 60%;padding:20px}.schooldesc{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 10px #0000001a;font-size:16px;line-height:1.8;text-align:justify;max-height:400px;overflow-y:auto;margin-bottom:5px!important}.box-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px;margin:0 auto;max-width:1200px}.box-container{margin-top:0!important;padding-top:0!important}.box{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.box:hover{transform:translateY(-5px);box-shadow:0 8px 12px #0003}.box h2{font-size:20px;color:#ffa700;margin-bottom:10px;text-align:center;font-weight:700}.box p,.box ul{font-size:17px;line-height:1.6;color:#555}.box ul{list-style:disc;padding-left:20px}@media (max-width: 768px){.container{flex-direction:column}.homeleft{order:2;text-align:justify}.homeright{order:1}.homeright img{max-height:96vh;width:100%;object-fit:contain}.schooldesc{font-size:14px;line-height:1.5;max-height:none;padding:15px;margin-bottom:5px!important}.box{opacity:0;transform:translateY(50px);transition:opacity .6s ease-out,transform .6s ease-out}.box.show{opacity:1;transform:translateY(0)}}.slideshow-container{z-index:-1;position:absolute;width:100%;height:100vh;opacity:.25}.slideshow-image{object-fit:cover;width:100%;height:100%;transition:opacity 1s ease-in-out}.fade-in{opacity:1}.fade-out{opacity:0}*{font-family:Poppins,sans-serif}.card{height:380px;border-radius:.5rem;position:relative;padding:15px;background-color:#fff;margin:10px 0;text-align:left;display:flex;flex-direction:column;transition:all .3s}.card:hover{transform:scale(1.05);cursor:pointer}.top{border-radius:.5rem .5rem 0 0;height:170px;width:100%;background:#1a2a3a;background-color:#2d2d2d;position:relative;top:0;left:0;display:flex;align-items:center}.name{font-size:1.4em;color:#fff;margin:10% 20px 0;width:40%;flex:1}.card-img-container{position:relative;width:100%;padding-top:75%}.card-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.circle-img{border-radius:50%;width:110px;height:110px;margin:1rem;top:0;right:0;flex:1;margin-right:20px}.info{color:#fff;color:#000}.info:nth-child(1){font-weight:600;font-size:.9rem;color:#000;padding-top:10px}@media screen and (max-width: 768px){.card{height:380px;border-radius:.5rem;position:relative;padding:15px;background-color:#fff;margin:10px 0;text-align:left;display:flex;flex-direction:column;transition:all .5s ease-in-out;transform:translateY(50px);opacity:0}.card.show{transform:translateY(0);opacity:1;transition:all .8s ease-in-out}}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa;box-shadow:0 2px 5px #0000001a;position:relative;z-index:10;font-weight:bolder;height:calc(100% + 10px);padding:10px 23px}.left{display:flex;align-items:center}.left img{height:40px;margin-right:10px}.title{font-size:20px;font-weight:700;color:#333}.right{display:flex;gap:20px;align-items:center;transition:all .3s ease}.nav-item{font-size:16px;cursor:pointer;color:#333;transition:color .3s}.nav-item:hover{color:#ffa700}.hamburger{display:none;background:none;border:none;font-size:24px;cursor:pointer}@media (max-width: 768px){.navbar{flex-direction:column;align-items:flex-start;padding:10px}.left{width:100%;justify-content:space-between}.hamburger{display:block}.right{display:none;flex-direction:column;position:absolute;top:50px;right:20px;background-color:#fff;padding:10px;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 5px #0000001a;z-index:20}.nav-item{padding:10px 20px;white-space:nowrap;text-align:left}.right{display:flex;gap:20px;align-items:center;transition:all .3s ease}.right.show{display:flex}.right:not(.show){display:none}}.sound-button{font-size:5rem;color:#fff;margin:1rem;width:110px;height:130px;background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);border:3px solid yellow;border-radius:.3rem}.study-title{text-align:center;font-size:5rem;color:#eaeaea;font-family:Courier New,Courier,monospace;font-weight:700}.study-container{text-align:center}.per-container{font-family:Times New Roman,Times,serif;width:85%;margin:50px auto;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:20px;position:relative}.per-top{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem;background-color:#cacaca;border-radius:.3rem;width:100%;position:relative;box-shadow:0 4px 8px #0000001a}.per-name{font-size:1.8rem;font-weight:600;padding-bottom:.3rem}.per-img{width:200px;height:200px;border-radius:50%;object-fit:cover;border:2px solid #ddd;box-shadow:0 2px 4px #0003;margin-bottom:1rem;position:absolute;top:40px;right:50px}.per-img:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.top-left{flex:1}@media (max-width: 768px){body,html{margin:0;padding:0;width:100%;overflow-x:hidden}.per-container{width:100%;margin:0;padding:0}.per-top{flex-direction:column;align-items:center;padding:1rem;width:100%;margin-top:0;box-shadow:none}.per-img{position:static;margin-bottom:20px;width:150px;height:150px}.per-name{font-size:1.5rem}.per-position,.per-address,.per-mobile,.per-mail1,.per-year,.per-phd{font-size:1rem}}.per-position{font-size:20px;font-style:italic}.info-box{width:80%}@media (max-width: 768px){.info-box{width:100%}}.publication-page{font-family:Poppins,sans-serif;color:#333;background:#f9f9f9;padding:20px;max-width:900px;margin:40px auto;line-height:1.7;border-radius:12px;box-shadow:0 4px 12px #0000001a}.publication-page h1{font-size:2.2rem;font-weight:900;text-align:center;color:#2a5d9e;margin-bottom:30px;position:relative}.publication-page h1:after{content:"";display:block;width:60px;height:4px;background:#2a5d9e;margin:8px auto 0;border-radius:2px}.publication-list{display:flex;flex-direction:column;gap:15px}.publication-item{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.publication-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.publication-title{font-weight:700;font-size:1.2rem;color:#2a5d9e;margin-bottom:5px;display:inline-block;transition:color .3s ease}.publication-title:hover{color:#1e4c84;text-decoration:underline}.publication-authors{font-size:1rem;color:#555;font-style:italic}.publication-journal{font-size:.9rem;color:#777}.publication-volume{font-weight:700}.show-more{text-align:center;margin-top:30px}.show-more button{background:#2a5d9e;color:#fff;font-size:1rem;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease,transform .2s ease}.show-more button:hover{background:#1e4c84;transform:scale(1.05)}@media (max-width: 768px){.publication-page{padding:15px}.publication-page h1{font-size:1.8rem}.publication-title{font-size:1.1rem}.publication-authors,.publication-journal{font-size:.85rem}}.memory-section{padding:5rem 2rem;background:linear-gradient(to right,#232526,#414345);background-color:#141414;text-align:center}h1{font-size:2.8em;color:#fc0;text-transform:uppercase;font-weight:700;letter-spacing:2px;margin-bottom:50px;position:relative;display:inline-block}h1:after{content:"";width:80px;height:4px;background:#fc0;display:block;margin:8px auto 0;border-radius:2px}.memory-grid{column-count:3;column-gap:1.5rem}.memory-item{margin-bottom:1.5rem;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0003;transition:transform .3s ease,box-shadow .3s ease}.memory-item:hover{transform:scale(1.05);box-shadow:0 6px 12px #0000004d}.memory-image{width:100%;display:block;height:auto}@media (max-width: 768px){.memory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;justify-content:center}.memory-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #00000040;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.memory-item:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000059}.memory-image{width:100%;display:block;height:auto;border-bottom:3px solid #ffcc00}h1{font-size:2.2em;margin-bottom:30px}h1:after{width:60px}.memory-section{padding:3rem 1.5rem}}@media (max-width: 480px){h1{font-size:1.8em}h1:after{width:50px}.memory-section{padding:2rem 1rem}}.list-container{text-align:center;padding:20px}.scholar-table{width:100%;border-collapse:collapse;margin-top:20px}.scholar-table th,.scholar-table td{border:1px solid #ddd;padding:10px;text-align:left;color:#fff}.scholar-img{width:50px;height:50px;border-radius:50%}@media screen and (max-width: 768px){.scholar-table{display:block;overflow-x:auto;white-space:nowrap}.scholar-table th,.scholar-table td{font-size:14px;padding:8px}.scholar-img{width:40px;height:40px}}@media screen and (max-width: 480px){.list-container{padding:10px}.scholar-table th,.scholar-table td{font-size:12px;padding:6px}.scholar-img{width:35px;height:35px}}.scholar-link{color:#fc0;text-decoration:none;font-weight:700}.scholar-link:hover{text-decoration:underline}