header{background-color:#46465f;color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 1px 3px #0000001f,0 4px 8px #0000000f}nav{display:flex;justify-content:space-between;align-items:center;padding:0 2px;position:relative}.name-logo{display:flex;align-items:center;padding-top:0;margin-left:20px}h2.name{font-size:30px;font-weight:700;padding-top:12px;margin-left:15px}.logo img{width:40px;display:block}.nav-menu{display:flex;align-items:center;gap:15px}.nav-menu a{color:#fff;text-decoration:none;font-weight:500;padding:5px;transition:color .3s}.nav-menu a:hover{color:#ffd500}.nav-toggle{display:none}.nav-toggle-label{display:none;cursor:pointer;z-index:1}.nav-toggle-label span,.nav-toggle-label span:before,.nav-toggle-label span:after{display:block;background:#fff;height:3px;width:25px;border-radius:2px;position:relative;transition:all .3s ease-in-out}.nav-toggle-label span:before,.nav-toggle-label span:after{content:"";position:absolute}.nav-toggle-label span:before{top:-8px}.nav-toggle-label span:after{top:8px}@media(max-width:992px){.nav-toggle-label{display:block}h2.name{font-size:20px}.nav-menu{display:none;position:absolute;top:100%;right:0;width:40%;background-color:#603a17;flex-direction:column;align-items:center;padding:20px 0;box-shadow:var(--bs)}.nav-toggle:checked~.nav-menu{display:flex}.nav-menu a,.nav-menu .Mode{padding:15px 0;width:100%;text-align:center}.nav-menu .Mode{display:flex;justify-content:center}.nav-menu a:hover{background-color:#ffffff1a}}.sign-in-btn{background:#fff;color:#7c3aed;padding:8px 12px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #0003;transition:all .3s ease;z-index:50;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sign-in-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px}.overlay.active{display:flex;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}#user-info{margin-top:30px}img{border-radius:50%}#Company-login{color:#7c3aed}.profile-popup{max-width:450px;padding:30px}.profile-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.profile-picture{width:100px;height:100px;border-radius:50%;border:4px solid #7c3aed;margin-bottom:15px;object-fit:cover}.profile-header h2{color:#1f2937;font-size:24px;margin:0;font-weight:700}.profile-details{margin-bottom:30px}.profile-detail-item{margin-bottom:20px;padding:15px;background:#f9fafb;border-radius:8px;border-left:4px solid #7c3aed}.profile-detail-label{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:#6b7280;font-size:14px;font-weight:600}.profile-detail-label i{color:#7c3aed;font-size:16px}.profile-detail-value{color:#1f2937;font-size:16px;font-weight:500;margin-left:26px}.profile-actions{display:flex;justify-content:center;margin-top:20px}.logout-btn{width:100%;padding:12px 20px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.logout-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.logout-btn i{font-size:18px}#sign-in img{vertical-align:middle;display:inline-block}.popup-form{background:#fff;border-radius:24px;padding:40px;max-width:500px;width:100%;position:relative;animation:slideDown .4s ease;box-shadow:0 20px 60px #0000004d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.close-btn{position:absolute;top:20px;right:20px;background:none;border:none;font-size:32px;cursor:pointer;color:#9ca3af;transition:color .3s ease;line-height:1}.close-btn:hover{color:#4b5563}.popup-form h2{font-size:36px;color:#1f2937;margin-bottom:8px;font-weight:700}.register-link{font-size:14px;color:#6b7280;margin-bottom:32px}.register-link a{color:#7c3aed;text-decoration:none;font-weight:600}.register-link a:hover{text-decoration:underline}.google-btn{width:100%;padding:14px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease;margin-bottom:20px}.google-btn:hover{background:#f9fafb;border-color:#d1d5db}.google-icon{width:20px;height:20px}.spinner{border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#7c3aed;width:20px;height:20px;animation:spin .8s linear infinite;display:none}@keyframes spin{to{transform:rotate(360deg)}}.google-btn.loading{cursor:wait}.google-btn.loading .google-icon,.google-btn.loading .button-text{display:none}.google-btn.loading .spinner{display:block}.divider{text-align:center;margin:24px 0;position:relative;color:#9ca3af;font-size:14px}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:#e5e7eb}.divider:before{left:0}.divider:after{right:0}.divider span{background:#fff;padding:0 16px;position:relative;z-index:1}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-group input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;transition:border-color .3s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.form-group input:focus{outline:none;border-color:#7c3aed}.form-group input::placeholder{color:#9ca3af}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.remember-me{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280;cursor:pointer}.remember-me input[type=checkbox]{width:16px;height:16px;cursor:pointer}.forgot-password{color:#7c3aed;text-decoration:none;font-size:14px;font-weight:600}.forgot-password:hover{text-decoration:underline}.submit-btn{width:100%;padding:14px;background:#16a34a;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease}.submit-btn:hover{background:#15803d}.footer-text{text-align:center;font-size:12px;color:#9ca3af;margin-top:20px;line-height:1.5}.footer-text a{color:#7c3aed;text-decoration:none}.footer-text a:hover{text-decoration:underline}@media(max-width:640px){.popup-form{padding:32px 24px}.popup-form h2{font-size:28px}}footer{background:#2e66b0;color:#fff;text-align:center;padding:15px;margin-top:40px;font-size:.9em}@media(max-width:768px){.hero h1{font-size:2em}}.footer_main{display:flex;flex-direction:column;padding:40px 20px;gap:2rem}.footer_container{display:grid;gap:2rem}.footer_container h3{font-size:1.125rem;font-weight:600;color:#165ab2;margin-bottom:1rem}.footer_container ul{list-style:none;padding:0;margin:0}.footer_container a{color:#3e4957;text-decoration:none;transition:color .3s;display:block;margin-bottom:.6rem;font-weight:500}.footer_container a:hover{color:#4f46e5}.footer_contact li{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.Social-Media h3{font-size:1.125rem;font-weight:600;color:#165ab2;margin-bottom:1rem}.social-media-container{display:flex;flex-direction:column;gap:10px}.social-media-tag a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#444b4c;font-weight:600;font-family:Arial,sans-serif;transition:transform .2s ease,color .2s ease}.social-media-tag a:hover{transform:scale(1.08);color:#1f3137}.social-media-tag svg{flex-shrink:0;width:30px}@media(min-width:768px){.footer_main{padding:50px 60px}.footer_container{grid-template-columns:repeat(2,1fr)}.social-media-container{flex-direction:row;flex-wrap:wrap}}@media(min-width:1024px){.footer_main{flex-direction:row;justify-content:space-between;padding:60px 120px}.footer_container{grid-template-columns:repeat(4,1fr)}.social-media-container{flex-direction:column}}