body{display:flex;flex-direction:column;height:100vh;color:#4a4a4a;}
main{flex-grow:1;padding-top:150px;}
.container{width:100%;max-width:600px;margin:0 auto;padding:30px 0;}
form{margin-bottom:20px;}
h1{margin-bottom:50px;}
label{display:block;margin-top:20px;color:#555;}
input[type="text"],input[type="email"],input[type="tel"],input[type="date"],textarea,select{width:100%;padding:12px;margin-top:8px;border:1px solid #d8d8d8;border-radius:5px;font-size:1em;transition:border-color 0.3s ease;}
input[type="checkbox"]{width:auto;transform:scale(1.3);transform-origin:right bottom;margin-right:1em;cursor:pointer;accent-color:#a0522d;}
input[type="radio"]{width:auto;transform:scale(1.3);transform-origin:right bottom;margin-right:1em;cursor:pointer;accent-color:#a0522d;}
select:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="radio"]:focus,textarea:focus{border-color:#666;outline:none;}
input:-webkit-autofill{ -webkit-box-shadow:0 0 0px 1000px white inset;background-color:white !important;color:#555 !important;}
textarea{resize:vertical;height:120px;}

button{background-color:#D9A7A7;color:white;padding:12px 25px;margin-top:25px;border:none;border-radius:5px;cursor:pointer;margin-right:auto;transition:0.3s ease;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
button:hover{opacity:.5;}
#confirmationModal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5);}
form a{display:inline;width:auto;text-decoration:underline;}

.modal-content{position:relative;background:rgba(255,255,255,.7);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);margin:8% auto;padding:30px;border-radius:15px;max-width:600px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);animation:fadeIn 0.5s ease-in-out, scaleIn 0.5s ease-in-out;}

@keyframes fadeIn {
from { opacity: 0; transform: translateY(-20px); }
to   { opacity: 1; transform: translateY(0); }
}
@keyframes scaleIn {
from { transform: scale(0.95); }
to   { transform: scale(1); }
}
.modal-header{text-align:center;margin-bottom:25px;}
.modal-header h2{font-size: 1.1em;}
.modal-body{margin-bottom:25px;}
.modal-body p{font-size:1em;color:#555;line-height:1.7;}

.modal-footer{text-align:center;}
.confirm-btn, .back-btn{background-color:#D9A7A7;;color:white;padding:12px 25px;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition: background-color 0.3s ease;margin-right:20px;box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);}
.back-btn{background-color:#f0f0f0;color:#4a4a4a;margin-right:15px;}
.confirm-btn:hover,.back-btn:hover{opacity:.5;}
.error-message{color:red;margin-top:8px;font-size:0.9em;}
#completion{text-align:center;display:none;background-color:#fef4f8;padding:30px;border-radius:15px;margin-top:30px;border:solid 1px #D9A7A7;}
#completion p{color:#D9A7A7;font-size:1em;line-height:1.7;}

.confirm-table{width:100%;}
.confirm-table th{width:30%;text-align:left;}
.confirm-table td{width:70%;padding:8px;}
.att{margin-top:20px;}



/*////////////// thanks //////////////////////////////*/

.completion-message{width:100%;padding:0;}
.to-top{width:300px;text-align:center;margin-top:30px;padding:15px;border-radius:10px;background:#D9A7A7;color:#FFF;}
.to-top i{padding-right:8px;color:#FFF;transition:.3s ease-in-out;}
.to-top:hover{opacity:.5;}

.confirm-view{width:100%;}
.confirm-view dl{display:flex;flex-wrap:wrap;margin:30px 0;}
.confirm-view dl dt{width:25%;padding:15px 0;}
.confirm-view dl dd{width:70%;padding:15px 0;}
.back-button i{padding-right:8px;color:#FFF;}

@media screen and (max-width: 600px) {
.container {padding: 15px;}
.modal-content {width: 95%;margin: 20px auto;}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {font-size: 1em;}
button, .confirm-btn, .back-btn{font-size: 1em;}
}