<!-- START Modern Acknowledgement Card -->
<style>
/* General Card Styling */
.ack-card-modern {
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
max-width: 700px;
margin: 20px auto;
background: #ffffff;
border-radius: 24px;
padding: 40px 30px;
text-align: center;
box-shadow: 0 15px 40px rgba(0, 51, 102, 0.08);
border: 1px solid #f0f0f0;
box-sizing: border-box;
}

/* Image Styling */
.ack-img-container {
margin-bottom: 25px;
}
.ack-img-modern {
width: 160px;
height: 160px;
border-radius: 50%;
object-fit: cover;
border: 5px solid #ffffff;
box-shadow: 0 8px 20px rgba(0,0,0,0.12);
transition: transform 0.3s ease;
}
.ack-img-modern:hover {
transform: scale(1.05);
}

/* Typography */
.ack-label {
display: block;
color: #888888;
font-size: 11px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 10px;
}

.ack-name {
color: #003366;
font-size: 36px;
font-weight: 800;
margin: 0 0 5px 0;
line-height: 1.2;
}

.ack-role {
color: #2e7d32;
font-size: 18px;
font-weight: 600;
margin: 0 0 25px 0;
display: inline-block;
background: #f0f9f0;
padding: 6px 16px;
border-radius: 50px;
}

.ack-message {
color: #555555;
font-size: 17px;
line-height: 1.7;
margin-bottom: 35px;
max-width: 90%;
margin-left: auto;
margin-right: auto;
}

/* Button Container */
.ack-buttons {
display: flex;
flex-direction: column;
gap: 15px;
width: 100%;
max-width: 400px;
margin: 0 auto;
}

/* Button Styling */
.ack-btn {
display: flex;
align-items: center;
justify-content: center;
padding: 16px 24px;
border-radius: 12px;
text-decoration: none;
font-weight: 600;
font-size: 15px;
transition: all 0.3s ease;
box-shadow: 0 4px 6px rgba(0,0,0,0.05);
position: relative;
overflow: hidden;
}

.ack-btn-primary {
background-color: #003366;
color: #ffffff;
}
.ack-btn-primary:hover {
background-color: #002244;
transform: translateY(-2px);
box-shadow: 0 8px 15px rgba(0, 51, 102, 0.2);
}

.ack-btn-accent {
background-color: #2e7d32;
color: #ffffff;
}
.ack-btn-accent:hover {
background-color: #1b5e20;
transform: translateY(-2px);
box-shadow: 0 8px 15px rgba(46, 125, 50, 0.25);
}

/* Icon handling */
.ack-btn svg {
margin-right: 10px;
width: 20px;
height: 20px;
fill: currentColor;
}

/* Responsive Tweaks */
@media (min-width: 600px) {
.ack-card-modern {
padding: 60px 40px;
}
.ack-name {
font-size: 42px;
}
}
</style>

<div class="ack-card-modern">
<div class="ack-img-container">
<img src="https://cmcendovellore.org/wp-content/uploads/vinod-ar-1.png"
alt="Mr. Vinod A.R."
class="ack-img-modern">
</div>

<span class="ack-label">We Acknowledge The Contributions Of</span>

<h2 class="ack-name">Mr. Vinod A.R.</h2>

<span class="ack-role">Web & Mobile Application Developer</span>

<p class="ack-message">
Your exceptional work in Web Design, Development, and the creation of our digital ecosystem is thankfully appreciated.
</p>

<div class="ack-buttons">
<!-- Button 1 -->
<a href="https://cmcendovellore.org/" target="_blank" class="ack-btn ack-btn-primary">
<!-- SVG Icon: Globe -->
<svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>
Endocrinology Website
</a>

<!-- Button 2 -->
<a href="https://cmcendotrainingportal.com/" target="_blank" class="ack-btn ack-btn-primary">
<!-- SVG Icon: Graduation Cap -->
<svg viewBox="0 0 24 24"><path d="M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z"/></svg>
Endocrine LMS Portal
</a>

<!-- Button 3 (Accent) -->
<a href="https://play.google.com/store/apps/details?id=app.endocrinecmcvellore.android" target="_blank" class="ack-btn ack-btn-accent">
<!-- SVG Icon: Android/Phone -->
<svg viewBox="0 0 24 24"><path d="M17.6 9.48l1.84-3.18c.16-.31.04-.69-.26-.85c-.29-.15-.65-.06-.83.22l-1.88 3.24c-2.86-1.21-6.08-1.21-8.94 0L5.65 5.67c-.19-.19-.58-.22-.83-.05c-.29.16-.35.52-.2.8l1.31 2.5c-2.15.93-3.6 3.22-3.6 5.85c0 3.42 2.72 6.2 6.08 6.2c1.53 0 2.93-.56 4.02-1.47c1.12.86 2.53 1.39 4.02 1.39c3.36 0 6.08-2.78 6.08-6.2c0-2.43-1.15-4.65-3.11-6.03l1.2-2.04c.17-.28.11-.66-.17-.83c-.29-.17-.65-.09-.83.18zM12 19c-1.66 0-3-1.34-3-3c0-1.31.84-2.42 2-2.83V6.02c0-.55.45-1 1-1s1 .45 1 1v6.17c1.15.4 2 1.51 2 2.83c0 1.66-1.34 3-3 3z"/></svg>
Get the Android App
</a>
</div>
</div>
<!-- END Modern Acknowledgement Card -->