:root{
--ccvp-theme:#0f766e;
}

.ccvp-container{
padding:50px 20px;
display:flex;
justify-content:center;
background:#f8fafc;
}

.ccvp-card{
width:100%;
max-width:800px;
background:white;
padding:45px;
border-radius:28px;
box-shadow:0 20px 60px rgba(0,0,0,0.08);
}

.ccvp-header{
text-align:center;
margin-bottom:30px;
}

.ccvp-header h2{
font-size:38px;
margin-bottom:10px;
color:#0f172a;
}

.ccvp-header p{
color:#64748b;
}

.ccvp-form{
display:flex;
gap:15px;
flex-wrap:wrap;
}

.ccvp-form input{
flex:1;
padding:16px;
border-radius:14px;
border:1px solid #cbd5e1;
font-size:16px;
}

.ccvp-form button{
background:var(--ccvp-theme);
color:white;
border:none;
padding:16px 24px;
border-radius:14px;
font-size:16px;
font-weight:600;
cursor:pointer;
}

.ccvp-result{
margin-top:35px;
padding:35px;
border-radius:24px;
}

.success{
background:#f0fdf4;
border:2px solid #22c55e;
}

.failed{
background:#fef2f2;
border:2px solid #ef4444;
}

.badge{
display:inline-block;
padding:14px 28px;
border-radius:999px;
font-weight:700;
font-size:18px;
margin-bottom:25px;
}

.verified{
background:#16a34a;
color:#ffffff;
}

.unverified{
background:#dc2626;
color:white;
}

.ccvp-table{
width:100%;
border-collapse:collapse;
}

.ccvp-table td{
padding:16px;
border-bottom:1px solid #dbeafe;
font-size:17px;
}

.ccvp-btn{
background:#0f172a;
color:white;
padding:14px 26px;
border:none;
border-radius:14px;
cursor:pointer;
margin-top:25px;
}

.ccvp-university{
text-align:center;
margin-bottom:25px;
}

.ccvp-university h3{
font-size:30px;
margin-bottom:5px;
}

@media(max-width:768px){

.ccvp-card{
padding:25px;
}

.ccvp-form{
flex-direction:column;
}

.ccvp-form button{
width:100%;
}

}

@media print{

body *{
visibility:hidden;
}

#printableArea, #printableArea *{
visibility:visible;
}

#printableArea{
position:absolute;
left:0;
top:0;
width:210mm;
min-height:297mm;
padding:20mm;
background:white;
}

.ccvp-actions{
display:none;
}

}