:root{--primary-color:#0c1e35;--secondary-color:#1e88e5;--accent-color:#00e676;--dark-bg:#0f172a;--light-bg:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--card-bg:#1a2438;--border-color:rgba(148, 163, 184, 0.2)}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background-color:var(--dark-bg);color:var(--text-primary);line-height:1.6}a{color:var(--text-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-color)}button{cursor:pointer}nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;background-color:rgba(12,30,53,.8);backdrop-filter:blur(10px);position:fixed;width:100%;top:0;z-index:100}.logo{display:flex;align-items:center;font-weight:700;font-size:1.5rem;color:var(--accent-color)}.logo i{margin-right:.5rem;font-size:1.2rem}nav ul{display:flex;list-style:none;gap:2rem}nav a{font-weight:500}nav a.active{color:var(--accent-color)}.btn-login{background:linear-gradient(45deg,var(--secondary-color),var(--accent-color));padding:.5rem 1.5rem;border-radius:30px;color:var(--primary-color);font-weight:600}header{min-height:100vh;background:radial-gradient(at top right,#172554,var(--primary-color));display:flex;flex-direction:column;position:relative;overflow:hidden}header::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%2300e676' fill-opacity='0.05'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.2}.hero{margin-top:10rem;padding:0 4rem;max-width:1200px;margin-left:auto;margin-right:auto;position:relative;z-index:2}.hero h1{font-size:4rem;font-weight:800;margin-bottom:1rem;line-height:1.2}.hero p{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin-bottom:2.5rem}.highlight{color:var(--accent-color);position:relative}.search-container{display:flex;flex-direction:column;gap:1.5rem;background:rgba(15,23,42,.7);backdrop-filter:blur(10px);padding:2.5rem;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 20px 40px rgba(0,0,0,.3);max-width:700px;margin:2rem auto 0}.form-row{display:flex;gap:1.5rem;width:100%;margin-bottom:.5rem}@media (max-width:768px){.form-row{flex-direction:column;gap:1rem}}.search-container input,.search-container select{padding:1.2rem 1.5rem;border:1px solid var(--border-color);border-radius:10px;background-color:rgba(15,23,42,.8);color:var(--text-primary);font-size:1rem;flex:1;transition:all .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.1)}.search-container input:focus,.search-container select:focus{border-color:var(--accent-color);outline:0;box-shadow:0 0 0 3px rgba(0,230,118,.2);transform:translateY(-1px)}.search-container input::placeholder{color:var(--text-secondary);opacity:.7}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px rgba(15,23,42,.9) inset;-webkit-text-fill-color:var(--text-primary);transition:background-color 5000s ease-in-out 0s}datalist{position:absolute;max-height:200px;overflow-y:auto;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;width:100%;z-index:10}datalist option{padding:8px 12px;cursor:pointer}datalist option:hover{background-color:rgba(30,136,229,.2)}.search-info{display:flex;align-items:flex-start;gap:1rem;background-color:rgba(30,136,229,.1);border-left:4px solid var(--secondary-color);padding:1rem;border-radius:4px;margin-bottom:1.5rem}.search-info i{color:var(--secondary-color);font-size:1.2rem;margin-top:.2rem}.search-info p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.privacy-notice{display:flex;align-items:flex-start;gap:.8rem;background-color:rgba(15,23,42,.6);border-left:4px solid var(--accent-color);padding:.8rem;border-radius:4px;margin-bottom:1.2rem;font-size:.9rem}.privacy-notice i{color:var(--accent-color);font-size:1rem;margin-top:.1rem}.privacy-notice p{color:var(--text-secondary);line-height:1.4;margin:0}.privacy-notice a{color:var(--accent-color);text-decoration:underline;font-weight:500}.privacy-notice a:hover{text-decoration:none}.skills-container{background-color:rgba(15,23,42,.8);border:1px solid var(--border-color);border-radius:10px;padding:1.5rem;width:100%;display:flex;flex-direction:column;gap:.8rem}.skills-container label{color:var(--accent-color);font-size:.95rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;font-size:.85rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.7rem;min-height:42px}.skill-tag{background-color:rgba(30,136,229,.2);border:1px solid var(--secondary-color);border-radius:20px;padding:.3rem .8rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.skill-tag:hover{background-color:rgba(30,136,229,.3)}.skill-tag i{cursor:pointer;font-size:.8rem;opacity:.7;transition:opacity .2s}.skill-tag i:hover{opacity:1;color:#ff4757}#skill-input{background:0 0;border:none;padding:.5rem 0;min-width:200px;color:var(--text-primary)}#skill-input:focus{outline:0}#search-btn{padding:1.2rem 2.5rem;background:linear-gradient(45deg,var(--secondary-color),var(--accent-color));border:none;border-radius:12px;color:var(--primary-color);font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease,width .5s ease,background .5s ease;margin-top:1.2rem;align-self:center;min-width:220px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 10px 20px rgba(0,0,0,.15)}#search-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(0,230,118,.3)}#search-btn:active{transform:translateY(0)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}#search-btn .fa-pulse{animation:pulse 1.5s infinite}@keyframes no-results-pulse{0%{box-shadow:0 0 0 0 rgba(255,193,7,.7)}50%{box-shadow:0 0 0 15px rgba(255,193,7,.4)}100%{box-shadow:0 0 0 0 rgba(255,193,7,0)}}#search-btn.no-results{animation:no-results-pulse 2s infinite;transform:none!important}#search-btn .fa-map-marker-alt{color:var(--primary-color)}#search-btn .fa-database{color:var(--primary-color)}#search-btn .fa-users{color:var(--primary-color)}@keyframes success-pulse{0%{box-shadow:0 0 0 0 rgba(0,230,118,.7)}70%{box-shadow:0 0 0 15px rgba(0,230,118,0)}100%{box-shadow:0 0 0 0 rgba(0,230,118,0)}}#search-btn.success{animation:success-pulse 2s infinite}@keyframes error-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}#search-btn.error{animation:error-shake .5s}@keyframes no-results-pulse{0%{box-shadow:0 0 0 0 rgba(255,193,7,.7)}70%{box-shadow:0 0 0 15px rgba(255,193,7,0)}100%{box-shadow:0 0 0 0 rgba(255,193,7,0)}}#search-btn.no-results{animation:no-results-pulse 2s infinite}#search-btn .fa-exclamation-circle{color:var(--primary-color)}.features{padding:6rem 4rem;max-width:1200px;margin:0 auto;text-align:center}.features h2{font-size:2.5rem;margin-bottom:3rem;position:relative;display:inline-block}.features h2::after{content:'';position:absolute;width:60px;height:4px;background:var(--accent-color);bottom:-10px;left:50%;transform:translateX(-50%);border-radius:2px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.feature-card{background-color:var(--card-bg);border-radius:12px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border-color)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,.2)}.feature-card i{font-size:2.5rem;color:var(--accent-color);margin-bottom:1.5rem}.feature-card h3{font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:var(--text-secondary)}.how-it-works{background-color:var(--light-bg);padding:6rem 4rem;text-align:center}.how-it-works h2{font-size:2.5rem;margin-bottom:3rem;position:relative;display:inline-block}.how-it-works h2::after{content:'';position:absolute;width:60px;height:4px;background:var(--accent-color);bottom:-10px;left:50%;transform:translateX(-50%);border-radius:2px}.steps{display:flex;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto}@media (max-width:768px){.steps{flex-direction:column}}.step{flex:1;padding:2rem;position:relative}.step-number{width:60px;height:60px;background:linear-gradient(45deg,var(--secondary-color),var(--accent-color));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--primary-color);margin:0 auto 1.5rem}.step h3{font-size:1.5rem;margin-bottom:1rem}.step p{color:var(--text-secondary)}.cta{background:linear-gradient(45deg,var(--primary-color),#172554);padding:6rem 4rem;text-align:center;border-bottom:5px solid var(--accent-color)}.cta h2{font-size:2.5rem;margin-bottom:1rem}.cta p{color:var(--text-secondary);max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.signup-btn{padding:1.2rem 3rem;background:var(--accent-color);border:none;border-radius:50px;color:var(--primary-color);font-weight:600;font-size:1.1rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.signup-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,230,118,.3)}footer{background-color:var(--primary-color);padding:4rem 4rem 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem;max-width:1200px;margin:0 auto 3rem}.footer-section h3{font-size:1.3rem;margin-bottom:1.5rem;color:var(--accent-color)}.footer-section p{color:var(--text-secondary);margin-bottom:1rem}.social-links{display:flex;gap:1rem;margin-top:1.5rem}.social-links a{width:40px;height:40px;border-radius:50%;background-color:var(--light-bg);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.social-links a:hover{background-color:var(--accent-color);color:var(--primary-color);transform:translateY(-3px)}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.8rem}.footer-section i{margin-right:.5rem;color:var(--accent-color)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem;max-width:1200px;margin:0 auto}@media (max-width:1024px){nav{padding:1.5rem 2rem}.features,.hero,.how-it-works{padding:4rem 2rem}.hero h1{font-size:3.5rem}}@media (max-width:768px){nav ul{display:none}.hero h1{font-size:2.8rem}.search-container{flex-direction:column}.steps{flex-direction:column}.hero{margin-top:6rem}}@media (max-width:480px){.hero h1{font-size:2.2rem}.feature-card{padding:1.5rem}}.form-section-title{color:var(--accent-color);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-top:1rem;margin-bottom:.5rem;position:relative;display:flex;align-items:center}.form-section-title::before{content:'';height:1px;width:24px;background-color:var(--accent-color);margin-right:10px;opacity:.6}.form-section-title::after{content:'';height:1px;flex-grow:1;background:linear-gradient(90deg,var(--accent-color),transparent);margin-left:10px;opacity:.3}.primary-skill-select{border-left:3px solid var(--secondary-color)!important}.primary-skill-info{opacity:0;position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden}