.epg-wrapper{
max-width:480px;
margin:3rem auto;
padding:2rem;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.06);
background:#ffffff;
}
.epg-title{
margin:0 0 0.5rem;
font-size:1.5rem;
text-align:center;
}
.epg-description{
margin:0 0 1.5rem;
text-align:center;
}
.epg-form{
margin:0 0 1rem;
display:flex;
flex-direction:column;
gap:0.5rem;
}
.epg-label{
font-weight:600;
}
.epg-input{
padding:0.5rem 0.75rem;
border-radius:6px;
border:1px solid #ccc;
font-size:1rem;
width:100%;
box-sizing:border-box;
}
.epg-input:focus{
outline:2px solid #2271b1;
outline-offset:2px;
border-color:#2271b1;
}
.epg-button{
border:none;
border-radius:999px;
padding:0.5rem 1.25rem;
font-size:0.95rem;
cursor:pointer;
transition:transform 0.08s ease,box-shadow 0.08s ease,opacity 0.1s ease;
}
.epg-button:disabled{
opacity:0.6;
cursor:not-allowed;
}
.epg-primary{
background:#2271b1;
color:#fff;
box-shadow:0 4px 10px rgba(34,113,177,0.3);
}
.epg-primary:hover:not(:disabled){
transform:translateY(-1px);
box-shadow:0 6px 14px rgba(34,113,177,0.4);
}
.epg-secondary{
background:#f3f4f6;
color:#111827;
}
.epg-buttons-row{
display:flex;
gap:0.5rem;
flex-wrap:wrap;
}
.epg-helper-text,
.epg-spam-hint{
font-size:0.9rem;
margin:0.25rem 0;
color:#4b5563;
}
.epg-message{
margin-top:0.75rem;
font-size:0.95rem;
min-height:1.1em;
}
.epg-message.epg-error{
color:#b91c1c;
}
.epg-message.epg-success{
color:#047857;
}
@media (max-width:600px){
.epg-wrapper{
margin:2rem 1rem;
padding:1.5rem;
}
}