@import"https://fonts.googleapis.com/css2?family=Teachers:ital,wght@0,400..800;1,400..800&display=swap";.navbar{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;margin-bottom:0;position:relative;background:#fff;z-index:1000}.navbar .logo{width:100px;height:auto}.hamburger-menu{display:none;flex-direction:column;cursor:pointer;position:absolute;right:20px;top:20px;z-index:1100}.hamburger-menu div{width:30px;height:3px;background:#3a5ca7;margin:5px 0;border-radius:5px}.navbar-menu{display:flex;list-style:none;gap:20px;color:#3a5ca7;font-size:18px;margin-right:20px;font-family:Teachers,sans-serif;position:relative}.navbar-menu a{text-decoration:none;color:inherit;transition:color .3s ease}.navbar-menu .active{color:#c27f37;border-bottom:2px solid #c27f37}.navbar-menu li{position:relative;cursor:pointer}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 6px #0000001a;list-style:none;width:max-content;padding:0;margin:0;z-index:10}.dropdown-menu li{padding:10px 20px}.dropdown-menu li a{color:#3a5ca7;text-decoration:none}.dropdown-menu li a:hover{color:#c27f37}.navbar-menu li:hover .dropdown-menu{display:block}@media (max-width: 768px){.navbar-menu{display:none}.hamburger-menu{display:flex}}.mobile-menu{display:none;position:fixed;top:0;right:0;background:#fff;width:70%;height:100%;flex-direction:column;align-items:center;padding:50px 0;z-index:1000;transition:transform .3s ease-in-out;transform:translate(100%)}.mobile-menu.active{display:flex;transform:translate(0)}.mobile-menu a{margin:20px 0;font-size:24px;color:#3a5ca7;text-decoration:none;transition:color .3s ease}.mobile-menu a:hover{color:#c27f37}.close-btn{position:absolute;top:20px;right:20px;background:transparent;border:none;cursor:pointer;z-index:1100}.close-btn img{width:24px;height:24px}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:900;transition:opacity .3s ease-in-out;opacity:0}.overlay.active{display:block;opacity:1}.mobile-menu-social-icons{margin-top:auto;display:flex;gap:15px}.social-icon{width:28px;height:28px;filter:none;margin:0 5px;color:#3a5ca7}.navbar-right{display:none}@media (min-width: 769px){.navbar-right{display:flex;gap:15px;margin-right:20px}.mobile-menu-social-icons{display:none}}.LoginPopup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.LoginPopup p span{color:#3a5ca7;cursor:pointer}.login-popup-container{width:max(23vw,330px);background-color:#fff;display:flex;flex-direction:column;gap:20px;padding:30px;border-radius:8px;color:gray;font-size:14px;animation:fadeIn .5s ease-in-out;box-shadow:0 4px 8px #0003}.login-popup-title{display:flex;justify-content:space-between;align-items:center}.login-popup-title h2{margin:0;color:#3a5ca7;font-size:24px}.login-popup-title img{cursor:pointer;width:20px;height:20px;color-scheme:light}.login-popup-inputs input{width:100%;padding:10px;margin:5px 0;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}button{padding:10px;color:#fff;background-color:#3a5ca7;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s ease}button:hover{background-color:#0056b3}.login-popup-condition{display:flex;align-items:center;gap:10px}.login-popup-condition input{margin:0;cursor:pointer}.login-popup-condition p{margin:0;font-size:12px;color:#606060}.login-popup-condition p span{color:#3a5ca7;cursor:pointer}.page-loader{display:flex;justify-content:center;align-items:center;min-height:60vh;width:100%}.loader-container{text-align:center}.loader-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #4caf50;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loader-text{color:#666;font-size:16px;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{padding:0;margin:0;box-sizing:border-box;font-family:Teachers,sans-serif}body{min-height:100vh}a{text-decoration:none;color:#333}.app{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}