#otp-container {
    max-width: 480px;
    margin: 60px auto;
    padding: 35px;
    background:#fff;
    border-radius:15px;
    box-shadow:0 6px 20px rgba(0,0,0,0.2);
    font-family: 'Arial', sans-serif;
}

#otp-container h3 {
    text-align:center;
    margin-bottom:25px;
    color:#134c2a;
    font-weight:bold;
    font-size:22px;
}

input[type="text"],
input[type="email"],
input[type="password"] {
    width:100%;
    padding:14px 18px;
    margin:12px 0;
    border-radius:8px;
    border:1px solid #ccc;
    font-size:16px;
    transition:0.3s;
}

input:focus {
    border-color:#134c2a;
    outline:none;
    box-shadow:0 0 6px rgba(19,76,42,0.3);
}

button {
    width:100%;
    padding:14px;
    margin-top:12px;
    border:none;
    border-radius:8px;
    font-size:16px;
    font-weight:bold;
    cursor:pointer;
    transition:0.3s;
}

#sendEmailOtp, #sendWhatsappOtp, #verify-email-otp, #verifyWhatsappOtp {
	background: #134c2a;
	color: #fff;
	padding: 10px;
	width: 120px;
	margin: auto;
	display: block;
}
#signup-submit {
	background: #e7a54e;
	color: #fff;
	padding: 10px;
	width: 120px;
	margin: auto;
	display: block;
}

button:hover {
    opacity:0.9;
    transform:translateY(-1px);
}

.msg, #email-message, #whatsapp-message, #signup-message {
    margin-top:10px;
    font-weight:bold;
    font-size:15px;
}

span.success { color:green; }
span.error { color:red; }
#email, #email-otp, #phone, #signup-form input {
	padding-right: 0;
	width: 96%;
}