*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,DM Sans,Segoe UI,sans-serif;background:#fff;color:#111;min-height:100vh;transition:background .2s,color .2s}.nav{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;border-bottom:1px solid #e8e8e8;position:sticky;top:0;background:#fffe;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-logo img{width:40px;height:40px;border-radius:8px;object-fit:cover}.nav-logo-name{font-size:1rem;font-weight:600;color:#111;letter-spacing:-.3px}.nav-auth{display:flex;align-items:center;gap:10px}.btn-ghost{padding:8px 16px;background:transparent;color:#555;border:1px solid #ddd;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .15s}.btn-ghost:hover{color:#111;border-color:#aaa}.btn-primary{padding:8px 18px;background:#0052ff;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.btn-primary:hover{background:#0041cc}.hero{max-width:900px;margin:0 auto;padding:1.75rem 1.5rem 1rem;text-align:center}.hero h1{font-size:1.75rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:.5rem;color:#111}@media (min-width: 768px){.hero h1{font-size:2rem;white-space:nowrap}}.hero-sub{font-size:.95rem;color:#666;line-height:1.6;max-width:540px;margin:0 auto 1rem}.search-bar{display:flex;align-items:center;gap:10px;max-width:600px;margin:0 auto;background:#f4f4f4;border:1.5px solid #e0e0e0;border-radius:12px;padding:12px 18px;cursor:text;transition:border-color .15s,box-shadow .15s}.search-bar:focus-within,.search-bar:hover{border-color:#0052ff;box-shadow:0 0 0 3px #0052ff14}.search-bar input{flex:1;border:none;background:transparent;font-size:.9rem;color:#111;outline:none}.search-bar input::placeholder{color:#aaa}.search-bar svg{color:#aaa;flex-shrink:0}body.dark .search-bar{background:#1a1a1a;border-color:#2a2a2a}body.dark .search-bar input{color:#fff}body.dark .search-bar:hover,body.dark .search-bar:focus-within{border-color:#0052ff}@media (max-width: 480px){.hero h1{font-size:1.6rem;letter-spacing:-.5px}.hero-sub{font-size:.9rem}.search-bar{padding:10px 14px;border-radius:10px}.search-bar input{font-size:.85rem}}.main{max-width:1100px;margin:0 auto;padding:.75rem 1.5rem 4rem}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.5rem;justify-content:center}.filter-btn{padding:6px 16px;border-radius:999px;border:1px solid #ddd;background:#fff;font-size:.8rem;cursor:pointer;transition:all .15s;color:#666;white-space:nowrap}.filter-btn:hover{border-color:#aaa;color:#111}.filter-btn.active{background:#0052ff;color:#fff;border-color:#0052ff}body.dark .filter-btn{background:transparent;border-color:#2a2a2a;color:#888}@media (max-width: 480px){.filters{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:1rem;justify-content:center}.filter-btn{padding:4px 11px;font-size:.72rem;text-align:center}}.job-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 640px){.job-list{grid-template-columns:1fr}}.job-card{background:#fff;border-radius:12px;border:1px solid #e8e8e8;padding:1.5rem;transition:border-color .2s,transform .15s,box-shadow .2s;display:flex;flex-direction:column}.job-card-footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:nowrap;margin-top:auto}.job-card:hover{border-color:#ccc;transform:translateY(-1px);box-shadow:0 4px 16px #0000000f}.job-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.job-title{font-size:1rem;font-weight:600;color:#111;margin-bottom:3px}.job-company{font-size:.85rem;color:#999}.job-type{font-size:.72rem;font-weight:600;padding:4px 12px;border-radius:999px;white-space:nowrap}.type-agency{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.type-company{background:#e3f2fd;color:#1565c0;border:1px solid #bbdefb}.type-direct{background:#fffde7;color:#f57f17;border:1px solid #fff9c4}.type-outsource{background:#f3e5f5;color:#6a1b9a;border:1px solid #e1bee7}.job-description{font-size:.875rem;color:#777;line-height:1.6;margin-bottom:1.25rem;height:3.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.job-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.8rem;color:#aaa;align-items:center;flex:1;min-width:0}.job-category{background:#f5f5f5;border:1px solid #eee;padding:3px 10px;border-radius:999px;font-size:.72rem;color:#888}.apply-btn{padding:8px 20px;background:#0052ff;color:#fff;border-radius:8px;border:none;text-decoration:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s;display:inline-block;flex-shrink:0}.apply-btn:hover{background:#0041cc}.apply-btn.locked{background:#f5f5f5;color:#bbb;border:1px solid #e0e0e0;cursor:pointer}.apply-btn.locked:hover{background:#eee;color:#999}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.modal{background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:2rem;width:100%;max-width:420px;box-shadow:0 8px 32px #0000001a}.modal h2{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#111}.modal-sub{font-size:.875rem;color:#888;margin-bottom:1.5rem}.modal-tabs{display:flex;gap:0;margin-bottom:1.5rem;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.modal-tab{flex:1;padding:8px;background:transparent;border:none;color:#999;font-size:.875rem;cursor:pointer;transition:all .15s}.modal-tab.active{background:#0052ff;color:#fff}.modal-field{margin-bottom:1rem}.modal-field label{display:block;font-size:.8rem;color:#777;margin-bottom:6px}.modal-field input{width:100%;padding:10px 14px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;color:#111;font-size:.875rem;outline:none;transition:border-color .15s}.modal-field input:focus{border-color:#0052ff}.modal-submit{width:100%;padding:11px;background:#0052ff;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;margin-top:.5rem;transition:background .15s}.modal-submit:hover{background:#0041cc}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#aaa;font-size:1.25rem;cursor:pointer}.modal-error{color:#e53935;font-size:.8rem;margin-top:.75rem;text-align:center}.detail-modal{background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:2rem;width:100%;max-width:560px;box-shadow:0 8px 32px #0000001a}.detail-modal h2{font-size:1.25rem;font-weight:600;margin-bottom:4px;color:#111}.detail-company{color:#999;font-size:.9rem;margin-bottom:1.25rem}.detail-section{margin-bottom:1.25rem}.detail-label{font-size:.75rem;color:#aaa;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.detail-value{font-size:.9rem;color:#333}.detail-apply{display:block;width:100%;padding:12px;background:#0052ff;color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:500;text-align:center;text-decoration:none;cursor:pointer;margin-top:1.5rem;transition:background .15s}.detail-apply:hover{background:#0041cc}.status{text-align:center;color:#bbb;padding:3rem 0;font-size:.95rem}.status.error{color:#e53935}.user-badge{font-size:.8rem;color:#888;padding:6px 12px;border:1px solid #e0e0e0;border-radius:8px}.footer{border-top:1px solid #1e3a8a;padding:1.5rem 2rem;font-size:.85rem;background:#0052ff;color:#fffc}.footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.footer-left p{margin:0;font-size:.85rem;color:#fffc}.footer-right{font-size:.85rem;color:#fffc;text-align:right}.footer-right a{color:#fff;font-weight:500;text-decoration:underline;text-underline-offset:3px}.footer-right a:hover{opacity:.85}.footer p{margin-bottom:0}.footer a{color:#fff;text-decoration:none}@media (max-width: 640px){.footer-inner{flex-direction:column-reverse;align-items:flex-start;gap:.75rem}.footer-right{text-align:left}}.theme-toggle{padding:7px 14px;border:1px solid #ddd;border-radius:8px;background:#f5f5f5;color:#555;font-size:.8rem;cursor:pointer;transition:all .15s}.theme-toggle:hover{background:#eee;color:#111}body.dark{background:#0a0a0a;color:#fff}body.dark .nav{background:#0a0a0aee;border-bottom-color:#1e1e1e}body.dark .nav-logo-name{color:#fff}body.dark .theme-toggle{background:#1a1a1a;border-color:#2a2a2a;color:#888}body.dark .btn-ghost{color:#aaa;border-color:#2a2a2a}body.dark .btn-ghost:hover{color:#fff;border-color:#444}body.dark .hero h1{color:#fff}body.dark .hero-sub{color:#888}body.dark .filter-btn{border-color:#2a2a2a;background:transparent;color:#888}body.dark .filter-btn:hover{border-color:#555;color:#fff}body.dark .job-card{background:#111;border-color:#1e1e1e}body.dark .job-card:hover{border-color:#333;box-shadow:none}body.dark .job-title{color:#fff}body.dark .job-company,body.dark .job-description{color:#666}body.dark .job-meta{color:#555}body.dark .job-category{background:#1a1a1a;border-color:#2a2a2a;color:#888}body.dark .type-agency{background:#0a2a0a;color:#4ade80;border-color:#1a4a1a}body.dark .type-company{background:#002a3a;color:#38bdf8;border-color:#004a5a}body.dark .type-direct{background:#2a2a00;color:#fbbf24;border-color:#4a4a00}body.dark .type-outsource{background:#2a0a2a;color:#c084fc;border-color:#4a1a4a}body.dark .apply-btn.locked{background:#1a1a1a;color:#555;border-color:#2a2a2a}body.dark .apply-btn.locked:hover{background:#222;color:#888}body.dark .modal{background:#111;border-color:#222;box-shadow:none}body.dark .modal h2{color:#fff}body.dark .modal-sub{color:#666}body.dark .modal-tabs{border-color:#222}body.dark .modal-tab{color:#666}body.dark .modal-field label{color:#888}body.dark .modal-field input{background:#0a0a0a;border-color:#2a2a2a;color:#fff}body.dark .detail-modal{background:#111;border-color:#222;box-shadow:none}body.dark .detail-modal h2{color:#fff}body.dark .detail-company{color:#666}body.dark .detail-label{color:#555}body.dark .detail-value{color:#ccc}body.dark .user-badge{color:#888;border-color:#222}body.dark .status{color:#444}.theme-toggle{padding:6px 14px;border:1px solid #2a2a2a;border-radius:8px;background:transparent;color:#aaa;font-size:.8rem;cursor:pointer;transition:all .15s}.theme-toggle:hover{border-color:#555;color:#fff}body:not(.dark){background:#fff;color:#111}body:not(.dark) .nav{background:#fffe;border-bottom:1px solid #e5e5e5}body:not(.dark) .nav-logo-name{color:#111}body:not(.dark) .btn-ghost{color:#555;border-color:#ddd}body:not(.dark) .btn-ghost:hover{color:#111;border-color:#aaa}body:not(.dark) .theme-toggle{border-color:#ddd;color:#555}body:not(.dark) .theme-toggle:hover{border-color:#aaa;color:#111}body:not(.dark) .hero{background:#fff}body:not(.dark) .hero h1{background:linear-gradient(135deg,#111,#555);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body:not(.dark) .hero-sub{color:#666}body:not(.dark) .filter-btn{border-color:#ddd;color:#555;background:#fff}body:not(.dark) .filter-btn:hover{border-color:#aaa;color:#111}body:not(.dark) .filter-btn.active{background:#0052ff;color:#fff;border-color:#0052ff}body:not(.dark) .job-card{background:#f9f9f9;border-color:#e5e5e5}body:not(.dark) .job-card:hover{border-color:#ccc}body:not(.dark) .job-title{color:#111}body:not(.dark) .job-company{color:#888}body:not(.dark) .job-description{color:#555}body:not(.dark) .job-meta{color:#777}body:not(.dark) .job-category{background:#f0f0f0;border-color:#e0e0e0;color:#555}body:not(.dark) .apply-btn.locked{background:#f0f0f0;color:#aaa;border-color:#ddd}body:not(.dark) .status{color:#aaa}body:not(.dark) .user-badge{border-color:#ddd;color:#666}body:not(.dark) .modal-overlay{background:#0006}body:not(.dark) .modal,body:not(.dark) .detail-modal{background:#fff;border-color:#e5e5e5}body:not(.dark) .modal h2,body:not(.dark) .detail-modal h2{color:#111}body:not(.dark) .modal-sub,body:not(.dark) .detail-company{color:#888}body:not(.dark) .modal-tabs{border-color:#e5e5e5}body:not(.dark) .modal-tab{color:#888}body:not(.dark) .modal-field label{color:#666}body:not(.dark) .modal-field input{background:#f9f9f9;border-color:#ddd;color:#111}body:not(.dark) .detail-label{color:#aaa}body:not(.dark) .detail-value{color:#333}body:not(.dark) .modal-close{color:#aaa}body:not(.dark) .footer{background:#0052ff;color:#fffc}@media (max-width: 480px){.nav{padding:0 1rem;height:auto;flex-wrap:wrap;gap:8px;padding-top:10px;padding-bottom:10px}.nav-logo img{width:28px;height:28px}.nav-logo-name{font-size:.875rem}.nav-auth{gap:6px}.btn-ghost,.btn-primary{padding:6px 10px;font-size:.78rem}.theme-toggle{padding:6px 8px;font-size:.9rem}.user-badge{display:none}}.load-more-btn{padding:10px 28px;border:1.5px solid #0052FF;border-radius:8px;background:transparent;color:#0052ff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.load-more-btn:hover{background:#0052ff;color:#fff}body.dark .load-more-btn{border-color:#0052ff;color:#4d8aff}body.dark .load-more-btn:hover{background:#0052ff;color:#fff}.how-to-apply-box{margin-top:1.5rem;padding:1.25rem;background:#f4f4f4;border:1px solid #e5e5e5;border-radius:10px}body.dark .how-to-apply-box{background:#0a0a0a;border-color:#1e1e1e}@media (max-width: 480px){.search-bar input{font-size:16px;transform:scale(.875);transform-origin:left center;width:calc(100% / .875);margin-right:calc(-100% * .125 / .875)}}@media (max-width: 480px){.search-bar input{font-size:16px;transform:none;width:100%;margin-right:0}}@media (max-width: 480px){.hero{padding-bottom:.75rem}.main{padding-top:.75rem}}.featured-section{margin-bottom:1.5rem}.featured-section .section-title{margin-bottom:.75rem}.section-title{font-size:1rem;font-weight:600;color:#111;margin-bottom:1rem}.section-divider{border:none;border-top:1px solid #e5e5e5;margin:1.75rem 0 1.5rem}body.dark .section-divider{border-color:#1e1e1e}.job-card-featured{border-color:#efbf04!important;background:#fffbeb!important}body.dark .job-card-featured{background:#1a1200!important;border-color:#efbf04!important}.featured-badge{display:inline-block;font-size:.7rem;font-weight:600;color:#7a6000;background:#fef9e0;border:1px solid #EFBF04;border-radius:999px;padding:2px 8px;margin-bottom:5px}body.dark .featured-badge{background:#2d1f00;color:#efbf04;border-color:#7a6000}@media (max-width: 640px){.job-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.apply-btn-gold{background:#efbf04!important;color:#fff!important}.apply-btn-gold:hover{background:#d4aa00!important}.all-jobs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.job-count{font-size:.8rem;color:#888}.section-title{font-size:1rem;font-weight:600;color:#111;margin-bottom:0}body.dark .section-title{color:#fff}.job-card-featured .type-agency,.job-card-featured .type-company,.job-card-featured .type-direct,.job-card-featured .type-outsource{background:#fef9e0!important;color:#7a6000!important;border-color:#efbf04!important}body.dark .job-card-featured .type-agency,body.dark .job-card-featured .type-company,body.dark .job-card-featured .type-direct,body.dark .job-card-featured .type-outsource{background:#2d1f00!important;color:#efbf04!important;border-color:#7a6000!important}body.dark .job-card{display:flex;flex-direction:column}body.dark .job-card .job-card-footer{margin-top:auto}.in-feed-ad{grid-column:1 / -1;background:#f9f9f9;border:1px dashed #e0e0e0;border-radius:10px;padding:.75rem;text-align:center;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;contain:layout}body.dark .in-feed-ad{background:#111;border-color:#2a2a2a}.ad-label{display:block;font-size:.65rem;color:#bbb;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.nav-logo img{width:40px;height:40px;border-radius:8px;object-fit:cover;aspect-ratio:1}.footer ins.adsbygoogle,.job-detail-ad ins.adsbygoogle{min-height:90px;display:block}.hero h1,.hero-sub,.nav-logo-name,.job-title,.job-company{font-display:optional}.job-list{contain:layout}img{aspect-ratio:attr(width) / attr(height)}