.search-input{padding:6px 20px;border-radius:12px;border:2px solid rgba(255,255,255,.25);background:#212529;color:#fff;font-size:16px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}@media(max-width:700px){.nav-bar-whole{display:flex;flex-direction:column}.nav-bar-whole>*{border-bottom:1px solid rgba(236,229,229,.15);padding-bottom:8px;margin-bottom:8px}.nav-bar-whole>*:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}}.nav-bar-whole{width:100%;background:#0e0f10;color:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid rgba(236,229,229,.15);position:sticky;top:0;z-index:100;box-sizing:border-box;padding:10px 25px;flex:1}.tab-select{padding:12px 4px;color:#fff;font-size:16px;cursor:pointer;position:relative;opacity:.9;transition:opacity .2s ease;background-color:#121212;border:none;border-bottom:#f0f0f0}.tab-select:hover,.tab-select.active{opacity:.7}.tab-select.active:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:3px;background:#fff;border-radius:2px}.logo-image{margin-right:5%;max-width:10%}.page-selection-div{display:flex;align-items:center;gap:20px;margin-right:3%}.search-features-div{display:flex;align-items:center;gap:20px}.sort-by-button{display:flex;flex-direction:row;gap:5px}@media(max-width:1100px){.nav-bar-whole{padding:8px 12px;flex-direction:column;gap:10px;align-items:flex-start}.logo-image{width:40px;height:auto;margin-right:0}.tab-select{font-size:14px;padding:8px 2px}.page-selection-div{gap:10px;width:100%;justify-content:space-between}.search-features-div{gap:10px;width:100%;justify-content:left}.search-input{padding:6px 12px;font-size:14px;width:100%;max-width:30%}.sort-by-button{gap:4px}.filter-by-button,.sort-by-button{font-size:small;align-items:center}}@media(max-width:700px){.page-selection-div{gap:8px;width:100%;justify-content:space-between;margin-right:0}.tab-select{font-size:14px;padding:6px 2px}.sort-by-button select{font-size:12px;padding:1px 2px;height:20px;border-radius:6px}.filter-by-button input[type=range]{width:100%;height:5px}.filter-by-button{font-size:small}}.nav-bar-whole{position:sticky;top:0;z-index:100;transition:transform .25s ease}.navbar-hidden{transform:translateY(-100%)}.dropdown{position:relative;display:inline-block}.dropdown-toggle{background:#212529;color:#fff;border:2px solid rgba(255,255,255,.25);padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .15s ease}@media(max-width:700px){.dropdown-toggle{font-size:10px}}.dropdown-toggle:hover{background:#646464}.dropdown-menu{position:absolute;top:110%;right:0;background:#212529;border:1px solid #e5e5e5;border-radius:8px;padding:12px;width:220px;box-shadow:0 4px 12px #00000014;z-index:100}.dropdown-section{margin-bottom:12px}.dropdown-section:last-child{margin-bottom:0}.dropdown-label{font-size:13px;color:#fff;margin-bottom:4px}select{width:100%;padding:6px 8px;border-radius:6px;border:1px solid #ccc;background:#fff;font-size:14px}.navbottom{display:flex;flex-direction:column;padding-right:23%}.navbottom-title{padding-left:14px}.sort-filter-boxes{display:flex;flex-direction:row;justify-content:left;gap:10px;padding-left:10px;padding-right:10px;padding-bottom:10px}.category-box{background-color:#fff;padding:20px;border-radius:10px;cursor:pointer;display:flex;justify-content:center;align-items:center;flex:1 1 20%;text-align:center;min-width:120px;transition:background-color .3s ease;flex-direction:column;font-size:large}.category-image{width:100%;aspect-ratio:1 / 1.1;padding-bottom:15px}.see-more-btn{width:100px;align-self:center;padding-top:6px;padding-bottom:6px;background-color:#d3d3d3}.category-box.active{background:#c3c3c3;color:#000;border-color:#c3c3c3}.category-box-main{background-color:#fff;padding:5px 5px 12px;border-radius:10px;cursor:pointer;display:flex;justify-content:center;align-items:center;flex:1 1 20%;text-align:center;min-width:120px;transition:background-color .3s ease;flex-direction:column;font-size:large}.category-box-main.active{background:#c3c3c3;color:#000;border-color:#c3c3c3}@media(max-width:700px){.category-box,.category-box-main{padding:8px;min-width:0;font-size:medium}.sort-filter-boxes{gap:5px}.navbottom-title{font-size:large}}@media(max-width:1000px){.navbottom{padding-right:0%}}.modal-overlay{position:fixed;inset:0;background:#0f0f0f;display:flex;align-items:center;justify-content:center;z-index:9999;min-width:0;overflow:hidden}.modal-card{background-color:#212529;border-radius:12px;overflow:hidden;max-width:900px;width:100%;max-height:95vh;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;position:relative;padding:20px}.modal-content{display:flex;flex-direction:column;padding:3%;overflow-y:auto;flex-grow:1;max-height:calc(100vh - 140px);-webkit-overflow-scrolling:touch;font-family:Roboto,sans-serif}.modal-content h1{font-size:2rem;font-weight:600;margin-top:0;color:#fff}.modal-content p{color:#fff;font-size:1rem;line-height:1.6;margin:0;padding-bottom:20px}.modal-content h3{font-size:1.25rem;font-weight:500;margin-top:20px;color:#fff}.modal-content ul{margin-left:.25rem;color:#fff}.modal-content li{margin-bottom:8px;font-size:1rem;list-style-type:disc;text-align:left}.modal-close,.modal-close-secondary{position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:20px;color:#2d3748;cursor:pointer;transition:color .2s ease}.modal-close:hover,.modal-close-secondary:hover{color:#ff5a5f}.save-btn-career-page{width:70px;height:70px;padding:0;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.save-btn-image-career-page{width:100%;height:100%;object-fit:contain;pointer-events:none}.similar-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;justify-content:flex-start}.similar-btn{background:#edf2f7;border:1px solid #e2e8f0;color:#2d3748;padding:10px 20px;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .12s ease,transform 80ms ease}.similar-btn:hover,.similar-btn:focus{background:#e2e8f0;outline:none;transform:translateY(-2px)}.similar-btn:active{transform:translateY(0)}@media(max-width:768px){.modal-card{max-width:100%;width:100%;padding:20px}.modal-content{padding:15px}.modal-content h1{font-size:1.6rem}.modal-content h3{font-size:1.1rem}.modal-content p,.modal-content ul{font-size:.95rem}.save-btn{padding:10px 16px;font-size:.9rem}.similar-btn{padding:8px 16px;font-size:.95rem}}.career-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap}.career-page-header h1{font-size:2rem;margin:0;color:#fff}.career-page-header p{font-size:.95rem;padding-right:8%;margin:0;color:#fff}.buttons{position:absolute;top:15px;right:50px;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;align-items:flex-end}.save-btn,.close-button{padding:10px 15px;font-size:16px;cursor:pointer;border-radius:8px}.information-piece{display:flex;flex-direction:column;gap:10px;margin-top:20px}.information-piece h3{font-size:1.25rem;margin:0}.information-piece p,.information-piece ul{font-size:1rem;margin-top:5px}.pros-and-cons-div{display:flex;justify-content:space-between;gap:20px;text-align:center;margin-top:30px}.pros-and-cons-div .information-piece{flex:1}@media(max-width:768px){.pros-and-cons-div{flex-direction:column;gap:10px}.save-btn-career-page{width:40px;height:40px}.close-button{font-size:small;padding:7px}.buttons{align-items:center}}.text-salary{font-size:25px}.contact-page{max-width:600px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;box-sizing:border-box;width:100%}.contact-page h1{font-size:clamp(1.6rem,4vw,2rem);margin-bottom:15px}.contact-description{font-size:clamp(1rem,2.5vw,1.1rem);color:#b9b9b9;margin-bottom:30px;line-height:1.5;max-width:500px}.contact-form{width:100%;display:flex;flex-direction:column;gap:15px}.contact-input,.contact-textarea{width:100%;padding:12px 15px;font-size:1rem;border:1px solid #ccc;border-radius:10px;background:#fafafa;transition:border-color .2s ease,background .2s ease;box-sizing:border-box}.contact-input:focus,.contact-textarea:focus{border-color:#007bff;background:#fff;outline:none}.contact-textarea{min-height:130px;resize:vertical}.contact-submit{padding:14px 20px;font-size:1.1rem;font-weight:600;background-color:#007bff;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.contact-submit:hover{background-color:#005fcc}.contact-submit:active{transform:scale(.97)}@media(max-width:500px){.contact-page{padding:25px 15px}.contact-input,.contact-textarea{padding:10px 12px;font-size:.95rem}.contact-submit{padding:12px 16px;font-size:1rem}}.quiz-container{background-color:#1a1c1f;border-radius:12px;padding:10px 20px;width:100vw;max-width:700px;max-height:100vh;margin:0 auto;box-shadow:0 4px 10px #0000001a;font-family:Arial,sans-serif;overflow-y:auto;position:relative;box-sizing:border-box}body.modal-open{overflow:hidden}.quiz-container h1{font-size:2rem;font-weight:700;text-align:center;color:#fff;margin-bottom:20px;text-transform:capitalize}.alert-text{color:#ef5350}.quiz-close-btn{background-color:#d4d4d4;border:none;color:#000;font-size:1.1rem;padding:5px 9px;border-radius:50%;position:sticky;top:5px;margin-left:auto;display:block;cursor:pointer;z-index:10}.quiz-close-btn:hover{background-color:#646464}.quiz-progress-bar{height:8px;background-color:#e6e6e6;border-radius:4px;margin-bottom:20px}.quiz-progress-bar span{display:block;height:100%;background-color:#007bff;border-radius:4px;transition:width .3s ease-in-out}.quiz-question{background-color:#212529;padding:20px;margin:15px 0;border-radius:12px;box-shadow:0 2px 5px #0000000d}.quiz-question p{font-size:1.3rem;color:#d4d4d4;margin-bottom:20px;font-weight:500}.quiz-option{display:block;margin:12px 0;font-size:1.1rem;padding:10px 20px;background-color:#1c1c1e;color:#fff;border:2px solid #d4d4d4;border-radius:8px;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.quiz-option:hover{background-color:#535353;transform:translateY(-2px)}.quiz-option.selected{background-color:#007bff;color:#fff;border-color:#007bff}.quiz-submit-btn,.quiz-retake-btn{display:block;width:100%;padding:15px;background-color:#007bff;color:#fff;font-size:1.4rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease;margin-top:20px}.quiz-submit-btn:hover,.quiz-retake-btn:hover{background-color:#0056b3}.quiz-results-list{list-style-type:none;padding-left:0;margin-top:20px}.quiz-result-item{background-color:#2a2e32;padding:20px;margin:15px 0;border-radius:12px;box-shadow:0 2px 5px #0000000d;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.result-item-info{display:flex;flex-direction:column}.quiz-result-open-button{width:60px;height:40px;border-radius:15%;border:white}.quiz-result-item strong{display:block;font-size:1.5rem;margin-bottom:10px}.quiz-result-item p{font-size:1.1rem;color:#d4d4d4}@media(max-width:600px){.quiz-container{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;padding:10px 20px;overflow-y:auto;box-sizing:border-box}.quiz-container h1{font-size:1.5rem;margin-top:40px}.quiz-close-btn{position:sticky;top:0;right:0}}.career-feed{background:#212529;padding:16px;display:flex;flex-direction:column;gap:16px;font-family:Nunito,sans-serif}.career-card{background:#2a2e32;color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:16px}.career-card-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.career-card-info{display:flex;flex-direction:column}.browser-layout{display:flex;flex-direction:column;background:#212529;color:#fff;font-family:Nunito,sans-serif}@media(min-width:1001px){.browser-main{padding-right:23%}}.browser-main{background:#212529;color:#fff}@media(max-width:1000px){.quiz-panel{display:none!important}}.quiz-panel{position:fixed;right:20px;top:50%;transform:translateY(-50%);background:#3a7bff;color:#fff;padding:20px;border-radius:12px;width:18%;box-shadow:0 4px 12px #0000004d;height:60%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.quiz-panel h2{font-size:xx-large}.quiz-panel p{font-size:large}.quiz-panel button{margin-top:10%;width:80%;height:10%;border-radius:10px;border:none}.quiz-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9998}@media(max-width:600px){.quiz-modal{top:0;left:0;transform:none;width:100vw;height:100dvh}}.career-page-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.save-btn-home{width:50px;height:50px;padding:0;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.save-btn-image-home{width:100%;height:100%;object-fit:contain;pointer-events:none}.career-card:hover{border-color:#fff6;transform:translateY(-2px);transition:.15s ease}.title-and-tag{padding-left:16px;padding-right:16px}html,body,#root{background:#212529;color:#fff;min-height:100%;margin:0;padding:0}