.ivp-health-page,
.ivp-invest-page {
background-color: #ffffff;
color: #111111;
font-family: inherit;
min-height: 75vh;
display: flex;
align-items: center;
padding: 80px 20px;
}
.ivp-health-page .ivp-container,
.ivp-invest-page .ivp-container {
max-width: 800px;
margin: 0 auto;
text-align: left;
}
.ivp-health-page .ivp-badge,
.ivp-invest-page .ivp-badge {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
background-color: #f3f3f3;
padding: 6px 14px;
border-radius: 30px;
margin-bottom: 30px;
}
.ivp-health-page .pulse-dot,
.ivp-invest-page .pulse-dot {
width: 8px;
height: 8px;
background-color: #111111;
border-radius: 50%;
display: inline-block;
animation: pulse-dot 1.5s infinite ease-in-out;
}
@keyframes pulse-dot {
0% { transform: scale(0.95); opacity: 0.8; }
50% { transform: scale(1.3); opacity: 1; }
100% { transform: scale(0.95); opacity: 0.8; }
}
.ivp-health-page .ivp-title,
.ivp-invest-page .ivp-title {
font-size: clamp(38px, 5vw, 64px);
font-weight: 800;
line-height: 1.08;
letter-spacing: -0.03em;
margin-bottom: 24px;
color: #111111;
}
.ivp-health-page .ivp-italic,
.ivp-invest-page .ivp-italic {
font-family: serif;
font-style: italic;
font-weight: 400;
}
.ivp-health-page .ivp-subtitle,
.ivp-invest-page .ivp-subtitle {
font-size: 18px;
line-height: 1.6;
color: #555555;
margin-bottom: 40px;
max-width: 700px;
}
.ivp-health-page .ivp-box-status,
.ivp-invest-page .ivp-box-status {
display: flex;
gap: 30px;
background-color: #fafafa;
border: 1px solid #eaeaea;
padding: 20px 25px;
border-radius: 12px;
margin-bottom: 40px;
}
.ivp-health-page .status-item,
.ivp-invest-page .status-item {
display: flex;
flex-direction: column;
gap: 4px;
}
.ivp-health-page .status-label,
.ivp-invest-page .status-label {
font-size: 12px;
color: #777;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.ivp-health-page .status-value,
.ivp-invest-page .status-value {
font-size: 15px;
font-weight: 600;
color: #111;
}
.ivp-health-page .ivp-actions,
.ivp-invest-page .ivp-actions {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.ivp-health-page .ivp-btn-dark,
.ivp-invest-page .ivp-btn-dark {
background-color: #111111;
color: #ffffff;
padding: 14px 26px;
border-radius: 30px;
font-weight: 600;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 10px;
transition: background 0.2s ease, transform 0.2s ease;
}
.ivp-health-page .ivp-btn-dark:hover,
.ivp-invest-page .ivp-btn-dark:hover {
background-color: #333333;
transform: translateY(-1px);
color: #ffffff;
}
.ivp-health-page .ivp-btn-outline,
.ivp-invest-page .ivp-btn-outline {
background-color: transparent;
color: #111111;
border: 1px solid #dcdcdc;
padding: 14px 26px;
border-radius: 30px;
font-weight: 600;
text-decoration: none;
display: inline-flex;
align-items: center;
transition: border-color 0.2s ease, background 0.2s ease;
}
.ivp-health-page .ivp-btn-outline:hover,
.ivp-invest-page .ivp-btn-outline:hover {
border-color: #111111;
background-color: #f8f8f8;
color: #111111;
}
@media (max-width: 600px) {
.ivp-health-page .ivp-box-status,
.ivp-invest-page .ivp-box-status {
flex-direction: column;
gap: 15px;
}
.ivp-health-page .ivp-actions,
.ivp-invest-page .ivp-actions {
flex-direction: column;
}
.ivp-health-page .ivp-btn-dark,
.ivp-health-page .ivp-btn-outline,
.ivp-invest-page .ivp-btn-dark,
.ivp-invest-page .ivp-btn-outline {
justify-content: center;
}
}