.batch{

min-height:100vh;

padding:70px 20px;

background:
linear-gradient(
135deg,
#f8fafc,
#edf7f1
);

}



.back{

display:inline-flex;

margin-bottom:24px;

text-decoration:none;

color:#64748b;

}



.batch-hero{

background:white;

padding:32px;

border-radius:30px;

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:24px;

box-shadow:
0 20px 60px
rgba(
0,
0,
0,
0.05
);

}



.batch-hero h1{

font-size:42px;

margin-bottom:10px;

}



.batch-hero p{

color:#64748b;

margin-bottom:8px;

}



.grid{

display:grid;

grid-template-columns:
1fr 1fr;

gap:20px;

margin-bottom:24px;

}



.card{

background:white;

padding:30px;

border-radius:28px;

box-shadow:
0 20px 60px
rgba(
0,
0,
0,
0.05
);

}



.row{

display:flex;

justify-content:space-between;

padding:16px 0;

}



.topper{

font-size:24px;

margin:18px 0;

}



.notify{

display:grid;

gap:14px;

}



@media(
max-width:700px
){

.batch-hero{

flex-direction:column;

align-items:flex-start;

gap:18px;

}



.grid{

grid-template-columns:
1fr;

}

}