.login-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#e4e7eb)}.login-card{width:100%;max-width:450px;background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;padding:2.5rem;transition:transform .3s ease}.login-card:hover{transform:translateY(-5px)}.login-header{text-align:center;margin-bottom:2rem}.login-header h2{color:#333;margin-bottom:.5rem;font-weight:700;font-size:1.8rem}.login-header p{color:#666;font-size:.95rem}.form-group{margin-bottom:1.5rem}.password-label-group{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.forgot-password{font-size:.8rem;color:#3498db;text-decoration:none;transition:color .2s}.forgot-password:hover{color:#2980b9;text-decoration:underline}.login-button{width:100%;padding:.9rem;background:linear-gradient(90deg,#3498db,#2980b9);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;justify-content:center;align-items:center}.login-button:hover{background:linear-gradient(90deg,#2980b9,#2270a9);transform:translateY(-2px);box-shadow:0 4px 8px #2980b94d}.login-button.loading{background:#77a7cb;cursor:not-allowed}.social-login{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.signup-link{text-align:center;margin-top:1rem;color:#666;font-size:.9rem}.signup-link a{color:#3498db;font-weight:500;text-decoration:none;transition:color .2s}.signup-link a:hover{color:#2980b9;text-decoration:underline}@media (max-width: 576px){.login-card{padding:1.5rem}.login-button{padding:.8rem}.social-login{gap:.8rem}}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#e4e7eb)}.register-card{width:100%;max-width:600px;background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;padding:2.5rem;transition:transform .3s ease}.register-card:hover{transform:translateY(-5px)}.register-header{text-align:center;margin-bottom:2rem}.register-header h2{color:#333;margin-bottom:.5rem;font-weight:700;font-size:1.8rem}.register-header p{color:#666;font-size:.95rem}.form-row{display:flex;gap:1rem;margin-bottom:0}@media (max-width: 768px){.form-row{flex-direction:column;gap:0}}.form-group{margin-bottom:1.5rem;flex:1}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#444;font-size:.9rem}.input-group{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#aaa}.input-group input{width:100%;padding:.8rem 1rem .8rem 2.5rem;border:1px solid #e1e5eb;border-radius:8px;font-size:1rem;transition:all .3s}.input-group input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.password-strength-hint{margin-top:.5rem;font-size:.8rem;color:#888}.terms-checkbox{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.terms-checkbox label{font-size:.85rem;color:#666}.terms-checkbox a{color:#3498db;text-decoration:none;transition:color .2s}.terms-checkbox a:hover{color:#2980b9;text-decoration:underline}.register-button{width:100%;padding:.9rem;background:linear-gradient(90deg,#2ecc71,#27ae60);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;justify-content:center;align-items:center}.register-button:hover{background:linear-gradient(90deg,#27ae60,#219653);transform:translateY(-2px);box-shadow:0 4px 8px #27ae604d}.register-button.loading{background:#7fcca0;cursor:not-allowed}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background-color:#ffecef;color:#e74c3c;padding:.8rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.separator{display:flex;align-items:center;text-align:center;margin:2rem 0;color:#888}.separator:before,.separator:after{content:"";flex:1;border-bottom:1px solid #e1e5eb}.separator span{padding:0 1rem;font-size:.8rem}.social-register{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.social-button{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.8rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid #e1e5eb}.social-button.google{background-color:#fff;color:#444}.social-button.google:hover{background-color:#f8f8f8;border-color:#ddd}.social-button.github{background-color:#24292e;color:#fff;border-color:#24292e}.social-button.github:hover{background-color:#1a1e22}.social-button i{font-size:1.1rem}.login-link{text-align:center;margin-top:1rem;color:#666;font-size:.9rem}.login-link a{color:#3498db;font-weight:500;text-decoration:none;transition:color .2s}.login-link a:hover{color:#2980b9;text-decoration:underline}@media (max-width: 576px){.register-card{padding:1.5rem}.register-button{padding:.8rem}.social-register{gap:.8rem}}.navbar{position:sticky;top:0;background:linear-gradient(90deg,#1a1a1a,#333);box-shadow:0 2px 10px #0000004d;z-index:1000;padding:12px 0;font-family:Poppins,Segoe UI,sans-serif}.navbar-brand{padding:0}.brand-text{font-size:1.8rem;font-weight:700;background:linear-gradient(45deg,#3498db,#2ecc71);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.5px}.navbar-nav{align-items:center}.nav-item{margin:0 10px;position:relative}.nav-link{color:#fff!important;font-weight:500;font-size:1rem;padding:8px 12px;border-radius:4px;transition:all .3s ease}.nav-link:hover{background-color:#ffffff1a;transform:translateY(-2px)}.sign-up-btn{background-color:#2ecc71;color:#fff!important;padding:8px 16px!important;border-radius:4px;font-weight:600;transition:all .3s}.sign-up-btn:hover{background-color:#27ae60;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.sign-in-btn{border:2px solid #3498db;color:#fff!important;padding:6px 14px!important;border-radius:4px;font-weight:600;transition:all .3s}.sign-in-btn:hover{background-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.user-avatar{height:40px;width:40px;border-radius:50%;border:2px solid #3498db;transition:all .3s;object-fit:cover}.user-toggle{padding:0!important;background:none!important}.user-toggle:after{display:none}.user-avatar:hover{transform:scale(1.1);border-color:#2ecc71;box-shadow:0 0 10px #2ecc7180}.dropdown-menu{background-color:#fff;border:none;border-radius:8px;box-shadow:0 5px 15px #0000001a;padding:8px;min-width:180px;margin-top:10px}.dropdown-item{color:#333;font-weight:500;padding:10px 15px;border-radius:4px;transition:all .2s}.dropdown-item:hover{background-color:#f8f9fa;color:#3498db;transform:translate(5px)}.dropdown-divider{margin:5px 0;opacity:.1}.logout-item{color:#e74c3c}.logout-item:hover{background-color:#e74c3c1a;color:#e74c3c}@media (max-width: 992px){.navbar-collapse{background-color:#1a1a1a;padding:15px;border-radius:8px;margin-top:10px}.nav-item{margin:5px 0;width:100%}.sign-up-btn,.sign-in-btn{display:block;text-align:center;margin:8px 0}}.container-fluid.border.shadow{max-width:1200px;margin:2rem auto;border-radius:12px!important;padding:2rem;background-color:#f9f9f9;box-shadow:0 8px 20px #0000001a!important}.form-control{border-radius:50px;padding:12px 20px;border:1px solid #ddd;box-shadow:0 2px 5px #0000000d;transition:all .3s ease}.form-control:focus{border-color:#28a745;box-shadow:0 0 0 .2rem #28a74540}.list-unstyled li{margin-bottom:1.5rem;border-radius:8px!important;background:#fff;box-shadow:0 3px 10px #00000014;transition:transform .2s ease,box-shadow .2s ease}.list-unstyled li:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.list-unstyled h3{color:#333;font-size:1.4rem;font-weight:600;margin-top:.5rem}.list-unstyled p{color:#555;line-height:1.6}.fw-bolder{color:#28a745;margin-bottom:.2rem}.col-1 svg{cursor:pointer;transition:transform .2s ease,color .2s ease;font-size:1.8rem}.col-1 svg:hover{transform:scale(1.2);color:#ff5e5e!important}.btn-success{background-color:#28a745;border:none;border-radius:50px;padding:10px 20px;font-weight:500;transition:all .3s ease}.btn-success:hover{background-color:#218838;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.text-muted{font-size:.9rem;font-style:italic}.modal-content{border-radius:12px;border:none}.modal-header{background-color:#28a745;color:#fff;border-radius:12px 12px 0 0}.modal-title{font-weight:600}.modal-body{padding:2rem}.modal-body label{font-weight:500;margin-top:1rem;margin-bottom:.5rem;display:block}.modal-body .form-control{margin-bottom:1rem}.modal-footer{border-top:none;padding:1rem 0}.btn-primary{background-color:#28a745;border:none;border-radius:50px;padding:8px 25px}.btn-danger{background-color:#e74c3c;border:none;border-radius:50px;padding:8px 25px}.list-unstyled:empty:after{content:"No jobs found matching your search";display:block;text-align:center;padding:3rem;color:#888;font-style:italic}@media (max-width: 768px){.container-fluid.border.shadow{padding:1rem}.list-unstyled li{padding:1rem!important}.col-6{width:100%}}.custom-width{width:100%}ul{list-style-type:none;padding:0;margin:0}#success-icon{color:green;text-align:center;font-size:large}#footer{background-color:#252424;bottom:0;text-align:center;font-family:Courier New,Courier,monospace;height:fit-content}#terms{text-decoration:none}body{font-family:Inter,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0;padding:0;color:#333;height:100%;overflow-x:hidden}#landingpage{height:100vh;background:url(https://bold-org.ghost.io/content/images/2024/04/remote-work.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;display:flex;align-items:center;justify-content:flex-start}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,#000c,#0009,#0006);z-index:1}.hero-content{max-width:650px;padding:0 2rem;margin-left:5%;position:relative;z-index:2}.hero-title{font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:1.5rem;line-height:1.2}.hero-subtitle{font-size:1.3rem;font-weight:400;color:#ffffffe6;margin-bottom:2.5rem;line-height:1.6}.hero-cta{background:linear-gradient(90deg,#ff5722,#ff7043);border:none;padding:.8rem 2rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #ff57224d}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 8px 15px #ff572266}.hero-cta-link{color:#fff;text-decoration:none;display:flex;align-items:center}.arrow-icon{margin-left:8px;font-size:1.2rem;transition:transform .3s ease}.hero-cta:hover .arrow-icon{transform:translate(5px)}strong{color:#ff7043}.value-proposition{padding:5rem 1rem;background:linear-gradient(180deg,#f9f9f9,#fff)}.value-title{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:1rem}.value-subtitle{font-size:1.3rem;color:#666;margin-bottom:4rem}.features-container{max-width:1100px;margin:0 auto 4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:0 1rem}.feature-card{background-color:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 30px #0000000d;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #eaeaea}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a}.feature-icon{margin-bottom:1.5rem;color:#2196f3;font-size:2rem}.feature-title{font-size:1.4rem;font-weight:600;color:#333;margin-bottom:1rem}.feature-description{font-size:1rem;line-height:1.6;color:#666}.cta-container{text-align:center;margin-top:2rem}.cta-button{background:linear-gradient(90deg,#ff5722,#ff7043);border:none;color:#fff;padding:1rem 3rem;font-size:1.2rem;font-weight:600;border-radius:30px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #ff57224d;margin-bottom:1.5rem}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 15px #ff572266}.cta-link{color:#fff;text-decoration:none}.cta-subtext{font-size:1rem;color:#666}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.animate-in{opacity:1;transform:translateY(0)}@media (max-width: 992px){.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.1rem}.value-title{font-size:2.2rem}}@media (max-width: 768px){.hero-content{margin-left:0;text-align:center;padding:0 1rem}.hero-title{font-size:2.5rem}.features-container{grid-template-columns:1fr}.value-title{font-size:1.8rem}.value-subtitle{font-size:1.1rem}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-cta,.cta-button{width:100%;padding:.8rem 1.5rem}}profile.css .profile-container{max-width:900px;margin:2rem auto;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.profile-header{position:relative;padding-bottom:1rem}.profile-cover{height:180px;background:linear-gradient(135deg,#28a745,#20c997)}.profile-avatar{position:absolute;left:2rem;top:100px;width:150px;height:150px;border-radius:50%;border:5px solid white;overflow:hidden;box-shadow:0 2px 10px #0003}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info{margin-left:190px;padding-top:2rem}.profile-info h2{margin:0;color:#333}.profile-location{color:#666;margin-top:.5rem}.edit-profile-btn{position:absolute;top:190px;right:2rem;background-color:#28a745;color:#fff;border:none;border-radius:30px;padding:.5rem 1.5rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.edit-profile-btn:hover{background-color:#218838}.profile-tabs{display:flex;border-bottom:1px solid #eee;margin-top:4rem}.tab-btn{background:transparent;border:none;padding:1rem 1.5rem;font-size:1rem;font-weight:500;color:#555;cursor:pointer;position:relative;transition:color .2s ease}.tab-btn:hover,.tab-btn.active{color:#28a745}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:#28a745}.profile-content{padding:2rem}.bio-section h3{color:#333;margin-top:0}.edit-form .form-group{margin-bottom:1.5rem}.edit-form label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.edit-form input,.edit-form textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.edit-form textarea{resize:vertical}.skills-list,.languages-list,.education-list{margin-bottom:2rem}.skill-item,.language-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8f9fa;border-radius:4px;margin-bottom:.5rem}.skill-info,.language-info{display:flex;align-items:center}.skill-name,.language-name{font-weight:500;margin-right:1rem}.proficiency-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;color:#fff}.beginner{background-color:#6c757d}.intermediate{background-color:#17a2b8}.advanced{background-color:#28a745}.expert{background-color:#007bff}.basic{background-color:#6c757d}.conversational{background-color:#17a2b8}.fluent{background-color:#28a745}.native{background-color:#007bff}.delete-btn{background:#dc3545;border:none;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.delete-btn:hover{background-color:#c82333}.add-form{background:#f8f9fa;padding:1.5rem;border-radius:8px}.add-form h4{margin-top:0;margin-bottom:1rem;color:#333}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row input,.form-row select{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.add-btn,.save-btn{background-color:#28a745;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.add-btn:hover,.save-btn:hover{background-color:#218838}.education-item{padding:1rem;background:#f8f9fa;border-radius:8px;margin-bottom:1rem;display:flex;justify-content:space-between}.education-info h4{margin:0 0 .5rem;color:#333}.education-info p{margin:.25rem 0;color:#555}.edu-dates{color:#6c757d;font-size:.9rem}.form-group.half{flex:1}.form-group.checkbox{display:flex;align-items:center;margin-bottom:1rem}.form-group.checkbox input{margin-right:.5rem;width:auto}.empty-message{color:#6c757d;font-style:italic;text-align:center;padding:2rem 0}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #28a745;border-radius:50%;margin:5rem auto;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.profile-avatar{width:100px;height:100px;left:50%;transform:translate(-50%)}.profile-info{margin-left:0;text-align:center;padding-top:4rem}.edit-profile-btn{top:auto;bottom:0;right:50%;transform:translate(50%)}.profile-tabs{margin-top:3rem;overflow-x:auto}}