body{
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
   /* background:#f5f5f5; */
}

.container{
    height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
}

.logo{
    width:550px;
   
}

/*
h1{
    font-size:28px;
    margin-bottom:10px;
} */

h2{
    font-weight:normal;
    margin-bottom:40px;
}

.start-btn{
    padding:15px 35px;
    background:#8B0000;
    color:white;
    text-decoration:none;
    font-size:18px;
    border-radius:5px;
}

.start-btn:hover{
    background:#5c0000;
}

.instruction{
font-weight:bold;
margin-bottom:15px;
color:#444;
}

.rules-container{
width:600px;
margin:auto;
margin-top:80px;
text-align:center;
font-family:Arial;
}

.rules-box{
height:250px;
overflow-y:auto;
border:1px solid #ccc;
padding:20px;
text-align:left;
}

.accept-section{
  display:none;
  margin-top:20px;
}

button{
padding:12px 30px;
background:#a00000;
color:white;
border:none;
border-radius:5px;
font-size:16px;
cursor:pointer;
}

button:disabled{
background:gray;
cursor:not-allowed;
}

.form-container{
width:600px;
margin:auto;
margin-top:60px;
background:white;
padding:30px;
border-radius:8px;
box-shadow:0 0 10px rgba(0,0,0,0.1);
font-family:Arial;
}

form{
display:flex;
flex-direction:column;
}

.name-row{
display:flex;
gap:20px;
margin-top:15px;
}

.input-group{
flex:1;
display:flex;
flex-direction:column;
}

.details-row{
display:flex;
gap:20px;
margin-top:20px;
}

.input-group{
flex:1;
display:flex;
flex-direction:column;
}

.input-group input{
padding:10px;
border:1px solid #ccc;
border-radius:4px;
}

label{
margin-top:15px;
font-weight:bold;
}

input{
padding:10px;
margin-top:5px;
border:1px solid #ccc;
border-radius:4px;
}

.radio-group{
margin-top:10px;
display:flex;
flex-direction:column;
gap:8px;
}

button{
margin-top:25px;
padding:12px;
background:#a00000;
color:white;
border:none;
border-radius:5px;
font-size:16px;
cursor:pointer;
}

button:hover{
background:#7a0000;
}

.payment-container{
width:500px;
margin:80px auto;
text-align:center;
background:white;
padding:40px;
border-radius:10px;
box-shadow:0 4px 15px rgba(0,0,0,0.1);
font-family:Arial, Helvetica, sans-serif;
}

.payment-container h2{
margin-bottom:20px;
font-size:26px;
}

#amountText{
font-size:20px;
font-weight:bold;
margin-bottom:25px;
color:#333;
}

.qr-image{
width:300px;
height:auto;
border:1px solid #ddd;
padding:10px;
border-radius:8px;
background:#fafafa;
}

.payment-btn{
padding:14px 28px;
background:#8B0000;
color:white;
border:none;
border-radius:6px;
font-size:16px;
cursor:pointer;
transition:0.3s;
}

.payment-btn:hover{
background:#600000;
}

#timerText{
font-size:18px;
font-weight:bold;
color:#b00000;
margin-bottom:20px;
}

.reset-btn{
margin-top:15px;
padding:10px 24px;
background:#444;
color:white;
border:none;
border-radius:6px;
cursor:pointer;
}

.reset-btn:hover{
background:#222;
}

.success-container{
    height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
}