/* Core Layout */
body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    background-color: #536984; 
    display: flex;
    justify-content: center;
    min-height: 100vh;
    color: #FFFFFF;
}

img {
  clip-path: circle(50%);
}

.container {
    width: 100%;
    max-width: 460px;
    padding: 60px 24px;
    text-align: center;
}

/* Header Section */
.logo {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
    clip-path: circle(50%);
    object-fit: contain;
}

h1 {
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 8px 0;
    letter-spacing: -0.02em;
}

h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 8px 0;
    letter-spacing: -0.02em;
}



p {
    font-size: 15px;
    margin: 0 0 40px 0;
    opacity: 0.85;
}

/* Action Buttons */
.link-btn {
    display: block;
    background-color: #E4E5E6;
    color: #536984;
    text-decoration: none;
    padding: 16px;
    margin-bottom: 12px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    transition: transform 0.1s ease;
}

.link-btn:active {
    transform: scale(0.98);
}

<style>@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v19/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59FO_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v19/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk6jFO_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v19/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FO_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v19/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFO_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v19/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4jE-_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v19/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE-_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v19/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E-_F.ttf) format('truetype');