body{

background:#f5f6f8;

font-family:Montserrat;

margin:0;

color:#111;

}


.topbar{

background:rgba(255,255,255,.9);

backdrop-filter:blur(12px);

position:sticky;

top:0;

z-index:999;

border-bottom:1px solid #eee;

}


.topbar .container{

display:flex;

justify-content:space-between;

align-items:center;

padding:22px 0;

}


.brand img{

height:48px;

display:block;

}


.back-btn{

text-decoration:none;

color:#111;

font-weight:600;

}


.job-wrapper{

padding:80px 0;

}


.job-card{

max-width:980px;

margin:auto;

background:white;

border-radius:24px;

padding:60px;

box-shadow:

0 10px 40px rgba(0,0,0,.05);

}


.job-header h1{

font-size:42px;

margin:0;

font-weight:700;

}


.job-header p{

margin-top:10px;

color:#888;

font-size:17px;

}


.job-meta{

display:flex;

gap:12px;

flex-wrap:wrap;

margin-top:35px;

}


.job-meta span{

padding:12px 20px;

border-radius:100px;

background:#f7f7f7;

font-size:14px;

font-weight:600;

}


.job-section{

margin-top:50px;

}


.job-section h3{

font-size:22px;

margin-bottom:18px;

}


.job-section p{

line-height:1.9;

color:#555;

}


.job-section ul{

padding-left:22px;

}


.job-section li{

margin-bottom:12px;

line-height:1.8;

color:#555;

}


.posted{

margin-top:45px;

color:#888;

font-size:14px;

}


.apply-area{

margin-top:50px;

display:flex;

justify-content:flex-start;

}


.apply-btn{

padding:18px 42px;

border-radius:50px;

background:#111;

color:white;

font-weight:700;

text-decoration:none;

transition:.3s;

display:inline-flex;

align-items:center;

justify-content:center;

}


.apply-btn:hover{

background:#000;

transform:translateY(-2px);

}


.loading{

padding:120px;

text-align:center;

font-size:18px;

}


@media(max-width:768px){

.job-card{

padding:30px;

border-radius:16px;

}

.job-header h1{

font-size:30px;

}

.apply-area{

justify-content:center;

}

.apply-btn{

width:100%;

}

}