body{
font-family:sans-serif;
background:#f5f7fa;
text-align:center;
}

.hero{
padding:60px;
background:linear-gradient(135deg,#1e7d5c,#0a4d3c);
color:white;
}

.template-grid{
display:flex;
gap:20px;
justify-content:center;
}

.template{
cursor:pointer;
border-radius:10px;
overflow:hidden;
}

.template img{
width:200px;
}

.template.selected{
outline:4px solid #2ecc71;
}

.spinner{
width:40px;
height:40px;
border:4px solid #ddd;
border-top:4px solid #2ecc71;
border-radius:50%;
animation:spin 1s linear infinite;
}

@keyframes spin{
100%{transform:rotate(360deg)}
}