.btn-hover{transition:transform .3s ease,background-color .3s ease,filter .3s ease}.btn-hover:hover{transform:scale(1.1);background-color:orange;cursor:pointer;filter:brightness(1.2)}.module-box{transition:transform .3s ease,box-shadow .3s ease}.module-box:hover{transform:scale(1.05);box-shadow:0 4px 10px rgba(0,0,0,.2)}.btn-hover{transition:transform .3s ease,background-color .3s ease,filter .3s ease}.btn-hover:hover{transform:scale(1.1);background-color:orange;cursor:pointer;filter:brightness(1.2)}.module-box{transition:transform .3s ease,box-shadow .3s ease}.module-box:hover{transform:scale(1.05);box-shadow:0 4px 10px rgba(0,0,0,.2)}.intro-message{display:block;position:absolute;top:20px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;z-index:10;text-align:center}.hover-message{display:none;position:absolute;top:-40px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;z-index:10}img{max-width:100%;height:auto;display:block;margin:auto;border-radius:5px;max-height:500px;object-fit:contain}.site-branding{display:flex;align-items:center;font-size:28px;font-weight:800;font-family:'Segoe UI',sans-serif;color:#1f4f99;gap:10px;cursor:pointer;padding:10px 20px;border-radius:8px;background:linear-gradient(to right,#fff,#f0f6ff);transition:all .3s ease}.site-branding span{color:#ff6b00;font-weight:700;font-style:italic}.site-branding:hover{transform:scale(1.03);background:linear-gradient(to right,#f0f6ff,#e0eaff)}#logo-image{height:40px;width:auto;display:block}@media (min-width:1024px){.module-box{width:22%}}@media (max-width:1024px) and (min-width:768px){.module-box{width:45%}}@media (max-width:768px){.module-box{width:100%}.intro-message{font-size:12px;top:10px}}