.verification-container { font-family: 'Arial', sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; max-width: 600px; margin: 50px auto; background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); border: 1px solid #e1e1e1; } .help-section { display: flex; align-items: center; margin-bottom: 20px; } .help-icon { font-size: 30px; color: #007cba; margin-right: 15px; } .help-text { font-size: 14px; line-height: 1.6; color: #333; background: #f1f1f1; padding: 15px; border-radius: 8px; border: 1px solid #ddd; } .help-text a { color: #007cba; text-decoration: none; } .help-text a:hover { text-decoration: underline; } .input-section { margin-top: 20px; } .input-section label { display: block; margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #444; } .input-text { width: 100%; padding: 15px; border: 1px solid #ddd; border-radius: 8px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); margin-bottom: 20px; font-size: 16px; } .modern-button { display: inline-block; background-color: #007cba; border: none; color: #fff; padding: 15px 30px; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; transition: background-color 0.3s ease; } .modern-button:hover { background-color: #005a8c; }