*{
box-sizing:border-box;
}

body{

font-family:'Times New Roman', Times, serif;
background:#f5f5f5;
margin:0;
display:flex;
justify-content:center;
align-items:center;
min-height:100vh;

}

.container{

background:white;
padding:40px;
width:90%;
max-width:420px;

box-shadow:0 0 15px rgba(0,0,0,0.1);

}

h1{

text-align:center;
margin-bottom:30px;

}

.glow-title{
display:inline-block;
}

.glow-title .glow-letter{
display:inline-block;
animation:letterGlow 2.4s ease-in-out infinite;
}

@keyframes letterGlow{
0%, 100%{
color:#111;
text-shadow:none;
opacity:0.85;
}
50%{
color:#eabddb;
text-shadow:0 0 6px rgba(234,189,219,0.85), 0 0 14px rgba(234,189,219,0.65), 0 0 24px rgba(120,180,255,0.7);
opacity: 0.5;
}
}

input, select, button{

width:100%;
padding:12px;
margin-top:10px;

}

button{

background:black;
color:white;
border:none;
cursor:pointer;

}

button:hover{

background:#333;

}

.password-group{
display:flex;
gap:8px;
align-items:center;
margin-top:10px;
}

.password-group input{
margin-top:0;
flex:1;
}

.password-group .toggle-password{
width:auto;
padding:12px 14px;
white-space:nowrap;
}

.form-section{
margin-top:12px;
}

.section-label{
display:block;
margin-top:10px;
font-weight:bold;
}

.option-list{
display:flex;
gap:16px;
flex-wrap:wrap;
}

.option-item{
display:flex;
align-items:center;
gap:8px;
margin-top:8px;
}

.option-item input{
width:auto;
margin-top:0;
}

.contact-details{
margin-top:10px;
}

.hidden{
display:none;
}

.modal-overlay{
position:fixed;
inset:0;
background:rgba(0,0,0,0.55);
display:flex;
align-items:center;
justify-content:center;
padding:20px;
z-index:1000;
}

.modal-overlay.hidden{
display:none;
}

.modal-content{
background:#ffffff;
max-width:420px;
width:100%;
padding:28px;
border-radius:16px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,0.2);
position:relative;
}

.modal-image{
width:100%;
max-width:300px;
height: 300px;;
margin:0 auto 20px;
display:block;
border-radius:20px;
}

.modal-close{
position:absolute;
top:12px;
right:12px;
background:transparent;
color:#333;
font-size:24px;
line-height:1;
width:auto;
padding:4px 8px;
}

.modal-action{
margin-top:16px;
}

.switch{

margin-top:15px;
font-size:14px;

}

.switch span{

cursor:pointer;
text-decoration:underline;

}

/* RESPONSIVE */

@media (max-width:600px){

.container{

padding:25px;

}

}