html, body {
margin: 0 !important;
padding: 0 !important;
background: radial-gradient(circle at top, #2b0000, #000000 70%) !important;
font-family: ‘Segoe UI’, Arial, sans-serif !important;
color: #f2f2f2 !important;
}

.kay-wrapper {
min-height: 100vh;
padding: 4vw;
display: flex;
justify-content: center;
align-items: center;
}

.kay-panel {
max-width: 820px;
background: rgba(0,0,0,0.65);
border-radius: 28px;
padding: clamp(24px, 4vw, 48px);
box-shadow: 0 0 60px rgba(180, 0, 0, 0.6);
}

.kay-panel h1 {
text-align: center;
font-size: clamp(30px, 4vw, 46px);
color: #b30000 !important;
margin-bottom: 12px;
}

.kay-panel h2 {
text-align: center;
font-size: clamp(16px, 2.2vw, 20px);
color: #c77dff !important;
margin-bottom: 34px;
}

.kay-panel p {
font-size: clamp(16px, 2vw, 18px);
line-height: 1.8;
margin-bottom: 22px;
}

.kay-signature {
margin-top: 30px;
text-align: right;
font-style: italic;
color: #ff4d4d;
font-size: 18px;
}

/* CTA Buttons */
.kay-cta {
margin-top: 40px;
display: flex;
flex-direction: column;
gap: 14px;
}

.kay-cta a {
text-align: center;
padding: 16px 18px;
border-radius: 40px;
text-decoration: none;
font-weight: bold;
font-size: 16px;
color: #ffffff !important;
background: linear-gradient(135deg, #8b0000, #2b0000);
box-shadow: 0 0 18px rgba(255, 0, 0, 0.6);
animation: pulse 2.5s infinite;
}

.kay-cta a:hover {
transform: scale(1.05);
box-shadow: 0 0 28px rgba(255, 0, 0, 0.9);
}

@keyframes pulse {
0% { box-shadow: 0 0 14px rgba(255, 0, 0, 0.4); }
50% { box-shadow: 0 0 28px rgba(255, 0, 0, 0.9); }
100% { box-shadow: 0 0 14px rgba(255, 0, 0, 0.4); }
}