@import"https://fonts.googleapis.com/css2?family=Patrick+Hand+SC&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@700&family=Playfair+Display:wght@700&display=swap";*{margin:0;padding:0;font-family:Patrick Hand SC,cursive;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#e6f0ec;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#06402b;border-radius:10px;border:2px solid #e6f0ec}::-webkit-scrollbar-thumb:hover{background-color:#0a5a3d}*{scrollbar-width:thin;scrollbar-color:#06402B #e6f0ec}.header{display:flex;align-items:center;justify-content:space-between;margin:9px 6px;padding:9px;border-radius:9px}.logo{border-radius:50px}.Appname{font-weight:900;font-size:32px;color:#fff}.slider-box{width:97%;margin:auto;border-radius:9px;overflow:hidden;position:relative}.slider{width:100%;height:350px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.slider:hover .slide-track{animation-play-state:paused}.slider:before,.slider:after{content:"";position:absolute;width:150px;height:100%;z-index:2;pointer-events:none}.slider:before{left:0;top:0;background:linear-gradient(to right,#000000b3,#0000)}.slider:after{right:0;top:0;background:linear-gradient(to left,#000000b3,#0000)}.slide-track{display:flex;width:max-content;animation:scroll 20s linear infinite;gap:8px;justify-content:space-between}.slide{width:500px;height:350px;flex-shrink:0;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center}.slide img{width:100%;height:100%;object-fit:cover;border-radius:9px;transition:transform .4s ease}.slide:hover img{transform:scale(1.05)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media screen and (max-width: 768px){.slider{height:200px}.slide{width:300px;height:200px}.slider:before,.slider:after{width:70px}}.videoTag{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100vh;object-fit:cover}.text{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:18px;margin:15px 30px 30px}.onetext{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 20px;border-radius:9px}@media screen and (max-width: 768px){.text{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:15px 30px 30px}.onetext{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 20px;border-radius:9px;height:140px;overflow:auto}}.app-container{position:relative}.hidden-behind{pointer-events:none;filter:blur(2px)}.ok{padding:5px;min-width:40%;border-radius:22px}.left img{width:60px;border-radius:50%}.right img{width:22px;filter:invert()}.left{display:flex;gap:18px;align-items:center}.myteam{margin:12px;display:flex;justify-content:center}.students{align-items:center;justify-content:space-between;padding:13px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:12px;display:flex;border-radius:22px;width:100%}.students{position:relative;align-items:center;justify-content:space-between;padding:13px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:12px;display:flex;border-radius:22px;width:100%;z-index:1}.avatar{width:60px;height:60px;border-radius:50%;object-fit:cover}.popup{position:absolute;top:-130px;left:16.5vw;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;transform:scale(.95);z-index:10}.popup img{width:120px;height:120px;border-radius:50%;box-shadow:0 12px 24px #00000040;object-fit:cover}.students:hover .popup{opacity:1;transform:scale(1)}.menu{position:fixed;top:0;right:0;height:auto;max-height:100vh;width:60%;background-color:#000;transition:transform .3s ease-in-out;transform:translate(100%);z-index:1000;overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.1);border-radius:8px 0 0 8px}.menu.is-open{transform:translate(0)}.menu-items{display:flex;flex-direction:column;align-items:flex-end;padding:2rem;flex-grow:1;justify-content:center}.menu-item{text-decoration:none;color:#fff;font-size:2.25rem;font-weight:700;line-height:1.2;text-transform:uppercase;margin-bottom:1.5rem;white-space:nowrap;opacity:0;transform:translateY(20px);padding:.5rem 1rem;border-radius:.25rem;display:inline-block;position:relative;overflow:hidden;z-index:1}.menu-item:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-color:#fff;z-index:-1;transform:scaleX(0);transform-origin:right;transition:transform .3s ease-out;border-radius:.25rem}.menu-item:hover:before{transform:scaleX(1)}.menu-item-text{transition:transform .3s ease-out,color .3s ease;position:relative;z-index:2;color:#fff}.menu-item:hover .menu-item-text{color:#000;transform:translate(-10px)}.menu.is-open .menu-item{animation:menuItemFadeIn .5s forwards ease-out}.menu.is-open .menu-item:nth-child(1){animation-delay:.1s}.menu.is-open .menu-item:nth-child(2){animation-delay:.2s}.menu.is-open .menu-item:nth-child(3){animation-delay:.3s}.menu.is-open .menu-item:nth-child(4){animation-delay:.4s}@keyframes menuItemFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 600px){.menu{width:60%}.menu-items{padding:3rem}.menu-item{font-size:2.75rem;margin-bottom:2rem}}@media (min-width: 900px){.menu{width:15%}.menu-items{padding:4rem}.menu-item{font-size:2rem;margin-bottom:1.5rem}}.navbar{position:fixed;top:0;right:0;width:100%;margin-top:3px;z-index:1100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px}.navbar-header{display:flex;justify-content:flex-end;align-items:center;padding:1rem}.navbar-logo{margin-right:auto;color:#fff;font-size:2.1rem;font-weight:700}.hamburger-button{background:none;border:none;cursor:pointer;padding:0;width:32px;height:24px;display:flex;flex-direction:column;justify-content:space-between;z-index:1100;transition:transform .2s ease-in-out}.hamburger-button:active{transform:scale(.9)}.hamburger-lines span{display:block;height:4px;width:100%;background-color:#fff;border-radius:2px;transition:.3s ease}.hamburger-button:hover .line1{transform:translateY(-4px)}.hamburger-button:hover .line3{transform:translateY(4px)}.hamburger-lines.open .line1{transform:translateY(4px) rotate(45deg)}.hamburger-lines.open .line2{opacity:0}.hamburger-lines.open .line3{transform:translateY(-4px) rotate(-45deg)}body{margin:0;padding:0}.wrapper{width:97%;margin:0 auto;box-sizing:border-box}.grid-item{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.grid-item.animate{opacity:1;transform:translateY(0)}img{width:100%;height:100%;object-fit:cover;display:block;border-radius:9px}.slideshow{position:relative}.controls{position:absolute;bottom:10px;width:100%;display:flex;justify-content:space-around;padding:0 10px}.controls button{background:#0009;color:#fff;border:none;padding:6px 10px;border-radius:4px;cursor:pointer}.controls button:hover{background:#000c}.parent{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,250px);gap:8px;margin-bottom:0}.div1{grid-row:span 2}.parent2{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,250px);gap:8px;margin-top:18px}.div9,.div12{grid-row:span 2}.loader-wrapper{position:fixed;inset:0;background:#06402b;display:flex;align-items:center;justify-content:center;z-index:9999;font-family:Inter,sans-serif;color:#fff}.loader-content{gap:2rem}.loader-count{font-size:1.3rem;font-style:italic;opacity:.8}.clip-text{overflow:hidden;display:flex;flex-direction:column;gap:.3rem}.clip-line{font-size:11.5rem;font-weight:700;transform:translateY(100%);opacity:0;animation:revealUp .7s ease-out forwards}@keyframes revealUp{to{transform:translateY(0);opacity:1}}.now-text{font-family:Inter,sans-serif;transition:all .2s ease-in-out;color:#fff}.now-text.alt{font-family:Playfair Display,serif;color:#888;transform:scale(1.02)}.loader-hint{font-size:.9rem;opacity:.6;line-height:1.2rem}@media (max-width: 600px){.clip-line{font-size:4rem}.loader-count{font-size:1rem}.loader-hint{font-size:.75rem;line-height:1rem}.loader-content{gap:1.2rem}.loader-content{gap:2rem;align-items:center;margin:19px}}