.navbar{z-index:100;padding:1rem 0;position:sticky;top:0}.nav-content{gap:2rem}.logo{letter-spacing:-.5px;font-size:1.5rem;font-weight:800}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--color-text-secondary);font-weight:500}.nav-link:hover,.nav-link.active{color:var(--color-brand-primary)}.btn-primary{background-color:var(--color-brand-primary);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:.6rem 1.2rem;font-weight:600;transition:all .2s}.btn-primary:hover{background-color:var(--color-brand-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-radius:var(--radius-md);padding:.6rem 1.2rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background-color:var(--color-border)}.hero-section{text-align:center;padding:6rem 0 4rem;position:relative;overflow:hidden}.hero-section:before{content:"";background:radial-gradient(circle, var(--color-brand-light) 0%, transparent 60%);z-index:-1;pointer-events:none;width:60vw;height:60vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-title{letter-spacing:-1.5px;margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.1}.hero-subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto 3rem;font-size:1.25rem}.search-bar{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);max-width:600px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);margin:0 auto;padding:.5rem;display:flex}.search-input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:.75rem 1rem;font-size:1rem}.search-btn{padding:.75rem 1.5rem}.featured-section{padding:4rem 1.5rem}.section-title{letter-spacing:-.5px;font-size:2rem;font-weight:700}.view-all{color:var(--color-brand-primary);font-weight:600}.view-all:hover{text-decoration:underline}.jobs-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem;display:grid}.job-card{border-radius:var(--radius-lg);background-color:var(--color-bg-primary);flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex}.job-card:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-5px)}.job-card-header{margin-bottom:.5rem}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.badge-govt{background-color:var(--color-brand-light);color:var(--color-brand-hover)}.badge-private{background-color:var(--color-success-bg);color:var(--color-success)}.badge-banking{background-color:var(--color-warning-bg);color:var(--color-warning)}.job-date{color:var(--color-text-tertiary);font-size:.875rem;font-weight:500}.job-title{font-size:1.25rem;font-weight:700;line-height:1.3}.job-org{color:var(--color-text-secondary);font-size:.95rem;font-weight:500}.job-details{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.detail-pill{background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-secondary);padding:.3rem .6rem;font-size:.85rem}.job-actions{gap:1rem;margin-top:auto;padding-top:1rem}.job-actions button{flex:1}@media (max-width:768px){.hero-title{font-size:2.5rem}.nav-links{display:none}.search-bar{box-shadow:none;background-color:#0000;border:none;flex-direction:column;gap:1rem}.search-input{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%}}