#certForm {
max-width:700px;
margin:40px auto;
padding:30px;
background:#f8f9fb;
border-radius:14px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
font-family:'Poppins', sans-serif;
text-align:center;
overflow:hidden;
}

.cert-logo {
max-width:70px !important;
width:100%;
height:auto;
margin-bottom:20px;
}

.cert-subtitle {
font-size:15px;
color:#555;
margin-bottom:20px;
text-wrap: balance;
}

/* INPUTS E BOTÃO */
#certForm input,
#certForm button,
.flatpickr-input {
display:block;
width:100%;
height:50px;
margin-bottom:15px;
padding:0 14px;
border:1px solid #ddd;
border-radius:8px;
box-sizing:border-box;
font-size:16px;
background:#fff;
font-family:'Poppins', sans-serif;
}

/* BOTÃO */
#certForm button {
background:#0f2e4d;
color:#fff;
border:none;
cursor:pointer;
transition:0.2s ease;
}

#certForm button:hover {
opacity:0.9;
}

/* CALENDÁRIO FLATPICKR */
.flatpickr-calendar {
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
font-family:'Poppins', sans-serif;
}

/* Animação sucesso */
.success-animation {
width:80px;
height:80px;
}

.checkmark {
width:80px;
height:80px;
stroke:#00b569;
stroke-width:3;
stroke-miterlimit:10;
box-shadow: inset 0px 0px 0px #00b569;
border-radius:50%;
display:block;
animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark-circle {
stroke-dasharray:166;
stroke-dashoffset:166;
stroke-width:3;
stroke:#00b569;
animation: stroke .6s cubic-bezier(0.65,0,0.45,1) forwards;
}

.checkmark-check {
transform-origin:50% 50%;
stroke-dasharray:48;
stroke-dashoffset:48;
stroke:#00b569;
stroke-width:3;
animation: stroke .4s cubic-bezier(0.65,0,0.45,1) .6s forwards;
}

@keyframes stroke { 
100% { stroke-dashoffset:0; } 
}

@keyframes scale {
0%,100% { transform:none; }
50% { transform:scale3d(1.1,1.1,1); }
}

@keyframes fill {
100% { box-shadow: inset 0px 0px 0px 40px rgba(0,181,105,0.08); }
}


.links-uteis {
    display: block;
    margin: 12px;
    font-size: 14px;
    text-decoration: none;
    color: #888 !important;
    text-align: left;
    transition: 0.2s ease;
    font-family: "Poppins", Sans-Serif;
}

.links-uteis:hover {
    color: #000 !important;
}
