@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");:root{--primary-blue:#0056b3;--primary-blue-light:#007bff;--primary-blue-dark:#004085;--secondary-blue:#17a2b8;--accent-orange:#fd7e14;--accent-green:#28a745;--white:#ffffff;--gray-50:#f8f9fa;--gray-100:#e9ecef;--gray-200:#dee2e6;--gray-300:#ced4da;--gray-400:#adb5bd;--gray-500:#6c757d;--gray-600:#495057;--gray-700:#343a40;--gray-800:#212529;--gray-900:#0d1117;--shadow-sm:0 2px 4px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--shadow-xl:0 12px 40px rgba(0,0,0,0.16);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:50px}*{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero-landing-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);overflow:hidden;padding:125px 0 80px}.hero-container-landing-page{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:10;width:100%}.hero-content-landing-page{text-align:center;max-width:900px;margin:0 auto}.hero-badge-landing-page{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-blue) 100%);color:var(--white);font-weight:600;font-size:12px;padding:8px 15px;border-radius:var(--radius-full);margin-bottom:16px;box-shadow:var(--shadow-lg);animation:fadeInUp .6s ease-out}.badge-icon-landing-page{font-size:14px}.hero-title-landing-page{font-size:3rem;line-height:1.1;font-weight:500;color:var(--gray-800);margin:0 0 16px;letter-spacing:-.02em;animation:fadeInUp .6s ease-out .1s both}.flag-icon-landing-page{height:1.7rem;width:3rem;display:inline-block;vertical-align:middle;margin-left:1px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.title-highlight-landing-page{background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-subtitle-landing-page{font-size:15px;line-height:1.4;color:var(--gray-600);margin-bottom:32px;max-width:680px;margin-left:auto;margin-right:auto;font-weight:400;animation:fadeInUp .6s ease-out .2s both}.trust-indicators-landing-page{display:flex;justify-content:center;gap:40px;margin-bottom:40px;animation:fadeInUp .6s ease-out .3s both}.trust-item-landing-page{text-align:center}.trust-number-landing-page{display:block;font-size:32px;font-weight:800;color:var(--primary-blue);line-height:1.2;margin-bottom:4px}.trust-label-landing-page{font-size:14px;color:var(--gray-500);font-weight:500}.hero-search-landing-page{max-width:800px;margin:0 auto;animation:fadeInUp .6s ease-out .4s both}.search-container-landing-page{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:8px;margin-bottom:24px;border:1px solid var(--gray-200);display:flex;align-items:center;gap:0}.search-fields-landing-page{display:flex;align-items:center;gap:0;flex:1}.search-field-landing-page{flex:1;position:relative;padding:16px 20px}.search-label-landing-page{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--gray-500);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.field-icon-landing-page{width:16px;height:16px;color:var(--gray-400)}.search-input-landing-page{width:100%;border:none;outline:none;font-size:16px;font-weight:500;color:var(--gray-700);background:transparent;padding:0;font-family:Poppins,sans-serif}.search-input-landing-page::placeholder{color:var(--gray-400);font-weight:400}.search-input-landing-page:focus{color:var(--gray-800)}.search-divider-landing-page{width:1px;height:40px;background:var(--gray-200);flex-shrink:0}.search-button-landing-page{background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-blue) 100%);color:var(--white);border:none;padding:20px 32px;border-radius:var(--radius-lg);font-size:16px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s ease;box-shadow:var(--shadow-md);flex-shrink:0}.search-button-landing-page:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.search-button-landing-page:active{transform:translateY(0)}.search-icon-landing-page{width:20px;height:20px}.search-features-landing-page{display:flex;justify-content:center;gap:40px;margin-top:24px}.feature-landing-page{display:flex;align-items:center;gap:8px;color:var(--gray-600);font-size:14px;font-weight:500}.feature-icon-landing-page{width:16px;height:16px;color:var(--accent-green)}.hero-background-landing-page{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden}.bg-gradient-primary-landing-page{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(0,86,179,.08) 0,transparent 60%);animation:float 20s ease-in-out infinite}.bg-gradient-secondary-landing-page{position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at 70% 80%,rgba(23,162,184,.06) 0,transparent 60%);animation:float 25s ease-in-out infinite reverse}.bg-pattern-landing-page{background-image:radial-gradient(circle at 25% 25%,rgba(0,86,179,.02) 0,transparent 70%),radial-gradient(circle at 75% 75%,rgba(23,162,184,.02) 0,transparent 70%);background-size:100px 100px}.bg-pattern-landing-page,.bg-shapes-landing-page{position:absolute;top:0;left:0;right:0;bottom:0}.shape-landing-page{position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--primary-blue-light),var(--secondary-blue));opacity:.05}.shape-1-landing-page{width:200px;height:200px;top:10%;left:10%;animation:float 15s ease-in-out infinite}.shape-2-landing-page{width:150px;height:150px;top:60%;right:15%;animation:float 18s ease-in-out infinite reverse}.shape-3-landing-page{width:100px;height:100px;bottom:20%;left:20%;animation:float 22s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@media (max-width:768px){.hero-landing-page{padding:100px 0 60px}.hero-container-landing-page{padding:0 16px}.hero-badge-landing-page{font-size:10px;padding:4px 10px;margin-bottom:12px}.hero-title-landing-page{margin-bottom:12px;font-size:34px}.hero-subtitle-landing-page{font-size:14px;margin-bottom:24px}.trust-indicators-landing-page{flex-direction:row;gap:20px;margin-bottom:32px}.trust-number-landing-page{font-size:24px}.trust-label-landing-page{font-size:12px}.search-container-landing-page{border-radius:var(--radius-lg);padding:6px;flex-direction:column;gap:0}.search-fields-landing-page{flex-direction:column;gap:0}.search-field-landing-page{padding:16px 20px;border-bottom:1px solid var(--gray-200)}.search-field-landing-page:last-child{border-bottom:none}.search-divider-landing-page{display:none}.search-button-landing-page{width:100%;justify-content:center;margin-top:8px;border-radius:var(--radius-md)}.search-features-landing-page{flex-direction:column;gap:16px;align-items:center}.shape-1-landing-page,.shape-2-landing-page,.shape-3-landing-page{display:none}}@media (max-width:480px){.hero-title-landing-page{line-height:1.2}.trust-indicators-landing-page{gap:16px}.trust-number-landing-page{font-size:20px}.search-features-landing-page{gap:12px}.feature-landing-page{font-size:12px}}.job-listings{position:relative;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:100px 0;overflow:hidden}.job-listings-container{max-width:1000px;margin:0 auto;padding:0 24px;position:relative;z-index:2}.job-listings-header{text-align:center;margin-bottom:60px}.section-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:50px;padding:8px 20px;margin-bottom:24px;font-size:14px;font-weight:600;color:#1e40af;box-shadow:0 4px 6px -1px rgba(59,130,246,.1)}.job-listings-title-landing-page{font-size:3rem;font-weight:500;line-height:1.1;color:#1e293b;margin-bottom:24px;letter-spacing:-.025em;font-family:var(--font-heading)}.job-listings-subtitle{font-size:1.125rem;line-height:1.7;color:#475569;margin-bottom:48px;max-width:800px;margin-left:auto;margin-right:auto;font-family:var(--font-body)}.job-stats{display:flex;justify-content:center;gap:60px;margin-bottom:20px}.stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:2.5rem;font-weight:800;color:#3b82f6;line-height:1;font-family:var(--font-heading)}.stat-label{font-size:14px;color:#64748b;margin-top:8px;font-family:var(--font-body)}.job-listings-list{display:flex;flex-direction:column;gap:16px;margin-bottom:60px}.job-item{background:white;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);transition:all .3s ease;position:relative}.job-item:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 8px 25px -5px rgba(0,0,0,.1)}.job-item.featured{background:linear-gradient(135deg,#3b82f6,#1e40af);color:white;box-shadow:0 8px 32px -8px rgba(59,130,246,.4);position:relative;overflow:hidden}.job-item.featured:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));pointer-events:none}.job-item.featured:hover{transform:translateY(-4px);box-shadow:0 12px 40px -8px rgba(59,130,246,.5)}.job-item.featured .job-title{color:white}.job-item.featured .company-name,.job-item.featured .job-location,.job-item.featured .posted-time,.job-item.featured .separator{color:rgba(255,255,255,.9)}.job-item.featured .job-description{color:rgba(255,255,255,.85)}.job-item.featured .detail-item{color:rgba(255,255,255,.9)}.job-item.featured .detail-item strong{color:white}.job-item.featured .salary-highlight{background:rgba(255,255,255,.2);color:white;padding:5px 10px;border-radius:10px;backdrop-filter:blur(10px)}.job-item.featured .job-tag{background:rgba(255,255,255,.15);color:white;border:1px solid rgba(255,255,255,.2)}.job-item.featured .btn-apply{background:white;color:#3b82f6;border:none}.job-item.featured .btn-apply:hover{background:rgba(255,255,255,.95);transform:translateY(-1px)}.job-item.featured .btn-save{background:rgba(255,255,255,.1);color:white;border:1px solid rgba(255,255,255,.2)}.job-item.featured .btn-save:hover{background:rgba(255,255,255,.2)}.job-item.fade-1{opacity:.75;background:rgba(248,250,252,.9)}.job-item.fade-2{opacity:.6;background:rgba(248,250,252,.8)}.job-item.fade-3{opacity:.45;background:rgba(248,250,252,.7)}.job-item.fade-4{opacity:.35;background:rgba(248,250,252,.6)}.job-item.fade-5{opacity:.25;background:rgba(248,250,252,.5)}.job-item.fade-1:hover,.job-item.fade-2:hover,.job-item.fade-3:hover,.job-item.fade-4:hover,.job-item.fade-5:hover{background:rgba(241,245,249,.8)}.job-main{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 32px;gap:24px}.job-left{display:flex;gap:20px;flex:1}.job-right{display:flex;flex-direction:column;align-items:flex-end;gap:16px;min-width:200px}.company-logo{width:64px;height:64px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;border:1px solid #e2e8f0;flex-shrink:0}.job-info{flex:1;display:flex;flex-direction:column;gap:12px}.job-header-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.job-title{font-size:1.375rem;font-weight:700;color:#1e293b;margin:0;line-height:1.3;font-family:var(--font-heading);flex:1}.featured-indicator{margin-bottom:8px}.featured-label{background:rgba(255,255,255,.25);color:white;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.company-details{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:#64748b;font-family:var(--font-body)}.company-name{color:#3b82f6;font-weight:600}.separator{color:#cbd5e1}.job-location{color:#64748b}.posted-time{color:#94a3b8;font-size:13px}.job-description{font-size:15px;color:#475569;line-height:1.6;margin:0;font-family:var(--font-body)}.job-meta-row{margin-top:8px}.job-details-inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;font-family:var(--font-body)}.detail-item{color:#475569}.detail-item strong{color:#1e293b;font-weight:600}.job-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.job-tag{background:#e0f2fe;color:#0369a1;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid #bae6fd;font-family:var(--font-body)}.job-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:140px}.btn-apply{background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font-body);white-space:nowrap}.btn-apply:hover:not(.disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(59,130,246,.3)}.btn-apply.disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.btn-save{background:transparent;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-body)}.btn-save:hover:not(.disabled){border-color:#3b82f6;color:#3b82f6;background:rgba(59,130,246,.05)}.btn-save.disabled{opacity:.5;cursor:not-allowed}.btn-save svg{width:14px;height:14px}.salary-highlight{font-size:1.125rem;font-weight:700;color:#059669;text-align:right;font-family:var(--font-heading)}.job-listings-bottom{text-align:center;background:white;border-radius:20px;padding:48px 40px;border:1px solid #e2e8f0;box-shadow:0 10px 25px -5px rgba(0,0,0,.08)}.fade-message{margin-bottom:32px}.fade-message p{font-size:1.125rem;color:#475569;margin:0;line-height:1.6;font-family:var(--font-body)}.btn-find-job{background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;border:none;border-radius:12px;padding:18px 36px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:12px;font-family:var(--font-heading);box-shadow:0 8px 25px rgba(59,130,246,.3);margin-bottom:24px}.btn-find-job:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(59,130,246,.4)}.btn-find-job svg{width:20px;height:20px}.bottom-stats{font-size:14px;color:#64748b;font-family:var(--font-body)}.job-listings-bg{z-index:1;overflow:hidden}.bg-gradient,.job-listings-bg{position:absolute;top:0;left:0;right:0;bottom:0}.bg-gradient{background:linear-gradient(135deg,rgba(59,130,246,.02),rgba(16,185,129,.01) 50%,rgba(245,158,11,.02))}@media (max-width:1024px){.job-listings-title{font-size:2.5rem}.job-stats{gap:40px}.job-main{padding:20px 24px}.job-right{min-width:160px}}@media (max-width:768px){.job-listings{padding:80px 0}.job-listings-container{padding:0 20px}.job-listings-header{margin-bottom:40px}.job-listings-title{font-size:2rem}.job-listings-subtitle{font-size:1rem}.job-stats{gap:24px;align-items:center}.job-main,.job-stats{flex-direction:column}.job-main{gap:20px;padding:20px}.job-left{flex-direction:column;gap:16px}.job-right{align-items:stretch;min-width:auto;width:100%}.job-actions{flex-direction:row;gap:12px}.btn-apply{flex:1}.salary-highlight{text-align:center;margin-top:16px;padding-top:16px;border-top:1px solid #f1f5f9}.company-details{gap:4px}.company-details,.job-details-inline{flex-direction:column;align-items:flex-start}.job-details-inline{gap:8px}.job-listings-bottom{padding:32px 24px}.btn-find-job{padding:16px 32px;font-size:16px}}@media (max-width:480px){.job-listings-title{font-size:1.75rem}.job-main{padding:16px}.company-logo{width:50px;height:50px;font-size:20px}.job-title{font-size:1.125rem}.job-header-row{align-items:flex-start;gap:8px}.job-actions,.job-header-row{flex-direction:column}.stat-number{font-size:2rem}.job-listings-bottom{padding:24px 16px}.fade-message p{font-size:1rem}.btn-find-job{width:100%;justify-content:center;padding:14px 24px}}