html,body{margin:0;background-color:#ffffff;padding-top:56px}*{padding:0;margin:0;text-decoration:none;box-sizing:border-box}.error-message{color:red;font-size:0.9em;margin-top:5px}.error{margin:0;padding:2px 0}header{background-color:#ffffff;box-shadow:0 2px 4px rgba(0,0,0,0.1);padding:0px 20px;position:fixed;z-index:2;width:100%;top:0}.profile_icon_header{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 5px rgba(0,0,0,0.2);cursor:pointer;transition:transform 0.2s ease-in-out;margin-left:16px}.profile_icon_header:hover{transform:scale(1.1)}.profile_username{margin-top:5px;font-size:21px;color:#333}.header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.header-logo{display:flex;align-items:center}.header-logo img{width:80px;height:60px;margin-right:10px}.brand-name{font-size:24px;font-weight:bold;color:#2a72d7}nav ul{list-style:none;display:flex;margin-top:10px;margin-bottom:0px}nav ul li{margin-left:20px;margin-top:10px}nav ul li a{text-decoration:none;font-size:16px;color:#333;padding:10px}nav ul li a:hover{color:#2a72d7}.nav-item{position:relative;display:inline-block}.nav-link{text-decoration:none;font-weight:bold;color:black;cursor:pointer;padding:10px;display:block}.dropdown-menu{display:none;position:absolute;background-color:white;list-style:none;margin:0;padding:5px;min-width:120px;border:1px solid #ccc;box-shadow:0px 4px 6px rgba(0,0,0,0.1);right:0}.dropdown-menu li{padding:5px;text-align:center}.dropdown-menu .logout-btn{text-decoration:none;color:white;background-color:red;padding:5px 10px;display:block;border-radius:3px}.dropdown-menu .logout-btn:hover{background-color:darkred}.dropdown-divider{height:1px;background-color:#ccc;margin:5px 0;border:none}.menu-icon{display:none;font-size:30px;cursor:pointer}@media (max-width:768px){.header-container{flex-direction:column;align-items:flex-start}nav{display:none;width:100%}.menu-icon{display:block}nav.active{display:block;width:100%}nav ul{flex-direction:column;width:100%}nav ul li{width:100%;margin-left:0}nav ul li a{display:block;width:100%;text-align:left}.dropdown-menu{position:static;width:100%;box-shadow:none;border:none}.dropdown-menu li{text-align:left}}@media (max-width:480px){.brand-name{font-size:20px}.header-logo img{width:40px;height:40px}nav ul li a{font-size:14px}}footer{background-color:#247dd3;color:white;padding:40px 0}footer .container{display:flex;justify-content:space-around;padding:0 20px;flex-wrap:wrap}.footer-section{width:22%;margin-bottom:20px}.footer-section h2{font-size:20px;margin-bottom:10px;position:relative}.footer-section h2::after{content:"";width:40px;height:2px;background-color:white;position:absolute;left:0;bottom:-5px}.footer-section p{font-size:14px;line-height:1.6;margin-bottom:10px}.footer-section ul{list-style:none;padding-left:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:white;text-decoration:none}.footer-section ul li a:hover{color:#b4a1b7}.social-icons a{margin-right:10px;color:white;font-size:18px;text-decoration:none}.social-icons a:hover{color:#e6e6e6}.footer-section form{display:flex;align-items:center;justify-content:space-between;background-color:white;padding:5px;border-radius:5px}.footer-section form input{border:none;padding:10px;width:80%;border-radius:5px 0 0 5px;outline:none;color:black}.footer-section form button{background-color:#247dd3;color:white;border:none;padding:10px;border-radius:0 5px 5px 0;cursor:pointer}.footer-section form button:hover{background-color:#1b62a3}.footer-bottom{text-align:center;padding:10px 0;background-color:#1a73e8;color:white;font-size:14px}.footer-bottom a{color:white;text-decoration:none}.footer-bottom a:hover{color:#e6e6e6}@media screen and (max-width:768px){.footer-section{width:100%;text-align:center;margin-bottom:20px}footer .container{flex-direction:column;align-items:center}}.signup-page-container{display:flex;width:80%;max-width:1000px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,0.4);overflow:hidden;padding-left:30px;margin:60px auto 80px}.image-container{width:50%;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9}.signup-image{max-width:100%;height:auto}.signup-container{width:90%;padding:20px;display:flex;flex-direction:column;justify-content:center}.form-title{font-size:28px;margin-bottom:30px;color:#333}.form-group{margin-bottom:20px;position:relative}.form-group label{position:absolute;top:12px;left:10px;font-size:16px;color:#777}.form-group input{width:100%;padding:12px 40px;border:1px solid #ccc;border-radius:20px;font-size:14px;color:#333;outline:none}.form-group input:focus{border-color:#007bff}.form-remember{display:flex;align-items:center;margin-bottom:20px}.form-remember input{margin-right:10px}.btn-submit{width:100%;padding:12px;background-color:#007bff;border:none;border-radius:5px;color:#fff;font-size:16px;cursor:pointer;transition:background-color 0.3s ease}.btn-submit:hover{background-color:#0056b3}.social-login{text-align:center;margin-top:20px}.social-login span{display:block;margin-bottom:10px;font-size:14px;color:#333}.social-button{display:inline-block;margin:0 5px;width:35px;height:35px;border-radius:50%;text-align:center;line-height:35px;background-color:#eee;font-size:18px;color:#333;transition:background-color 0.3s}.social-button:hover{background-color:#ccc}@media (max-width:768px){.login-page-container{flex-direction:column;width:90%}.image-container{display:none}.login-container{width:100%}}.password-strength{margin-top:5px;font-size:14px}.login-with-google-btn{transition:background-color .3s,box-shadow .3s;padding:12px 16px 12px 42px;border:none;border-radius:4px;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.25);color:#757575;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);background-color:white;background-repeat:no-repeat;background-position:12px 11px;&:hover{box-shadow:0 -1px 0 rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.25)}&:active{background-color:#eeeeee}&:focus{outline:none;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.25),0 0 0 3px #c8dafc}&:disabled{filter:grayscale(100%);background-color:#ebebeb;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.25);cursor:not-allowed}}.captcha-container{display:flex;flex-direction:column;gap:5px}.captcha-wrapper{display:flex;align-items:center;gap:10px}#refresh-captcha{padding:2px 6px;font-size:13px;color:#ffffff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color 0.3s ease}#refresh-captcha:hover{background-color:#0056b3}