@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Sacramento&display=swap";body{font-family:Roboto,Arial}a{color:inherit;text-decoration:none}.navbar{z-index:100;background-color:#fff;border-bottom:1px solid #0000001a;flex-direction:row;justify-content:center;align-items:center;gap:15px;height:50px;padding:5px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-item{-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;height:50px;padding:1px;transition:background-color .15s;display:flex}.navbar-item:hover{background-color:#0000001a}.navbar-item-icon{height:25px}.logo{height:50px}.page{justify-content:center;align-items:center;height:calc(100vh - 75px);margin-top:75px;display:flex}.page p{font-family:Sacramento,Roboto,Arial;font-size:128px}.about-page{flex-direction:column;align-items:center;min-height:calc(100vh - 75px);margin-top:75px;padding:20px;display:flex}.about-section{flex-direction:column;gap:20px;width:100%;max-width:800px;display:flex}.about-page p{width:100%;line-height:1.6}.about-section h1{margin:0}.school-info-box{border:1px solid #000;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;font-size:8px;display:flex}.school-info-box-section{flex-direction:column;justify-content:center;align-items:center;font-size:12px;display:flex}.school-info-box img{height:25px}.academical-background{grid-template-columns:1fr 1fr;gap:40px;display:grid}.gallery-page{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:75px;padding:24px;display:grid}.image-card{cursor:pointer;z-index:1;background:#fff;border-radius:18px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000014}.image-card:hover{z-index:10;transform:translateY(-5px);box-shadow:0 16px 35px #0000001f}.gallery-page img{object-fit:cover;width:100%;height:320px;transition:transform .3s;display:block}.image-card:hover img{transform:scale(1.05)}.modal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;background:#000000d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-image{border-radius:18px;max-width:90vw;max-height:90vh;animation:.2s zoom;box-shadow:0 20px 60px #0006}@keyframes zoom{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (width<=900px){.gallery-page{grid-template-columns:1fr 1fr}}@media (width<=600px){.gallery-page{grid-template-columns:1fr}}.contact-page{flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 75px);margin-top:75px;display:flex}.contact-container{background:#fff;border-radius:12px;max-width:450px;margin:50px auto;padding:30px;box-shadow:0 10px 25px #0000000d}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}input,textarea{border:1px solid #ddd;border-radius:6px;padding:12px}button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:6px;padding:12px;transition:background-color .15s}button:hover{background-color:#1c1c1c}.socials{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:30px;display:grid}.social-btn{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.social-btn svg{margin-right:5px}.footer{background-color:#fff;border-top:1px solid #0000001a;justify-content:center;align-items:center;height:50px;display:flex;position:fixed;bottom:0;left:0;right:0}